Reusable Solutions to Known Problems In web design, a design pattern is not a visual “pattern” (e.g. a background image of repeating shapes and colors). It’s easy to see how one might immediately think of this when they put the words design and pattern together. Originating from software engineering, a web (UX, UI) design pattern …
For Web Designers who can Code Where should you host your site? Web designers and web developers are faced with this question all the time. Depending upon the client website, there might be dozens of options to choose from. The best solutions are typically determined based upon the technical requirements for each website the specific …
A Version Control Workflow In this lesson, we will learn about Git via a hands-on exercise using Github. Git is a version control system for tracking changes in computer files and coordinating work on those files among multiple people.– Wikipedia GitHub is a web-based Git or version control repository and Internet hosting service. It is mostly used for code. It offers …
A Creative Workflow for UX and UI Design Iterative design is a design methodology based on a cyclic process of prototyping, testing, analyzing, and refining a product or process. Wikipedia
Strategies, Tricks, and Best Practices Similar to layout, when it comes to typography one of the most challenging differences between designing for the web vs. designing for print is the size of the canvas: for print, the dimensions are fixed and known; for the web, the dimensions are forever changing and unknown. Another, equally important difference …
A brief overview of the challenges that web designers and front-end web developers face when laying out content, including designing for multiple screen sizes and choosing between different CSS positioning and display techniques. When it comes to layout, the primary difference between designing for the web vs. designing for print is the size of the …
Be Inspired by Great Design and Designers Inspiration related resources Chris’s Go-to Inspiration Sites: Awwwards One Page Love Land-book Art of the Menu Pinterest Boards with Inspiration Examples Chris’s Inspiration Examples Illustration credit: Katerina Limpitsouni via Undraw
The foundation upon which branding guidelines, visual styles, pattern libraries, and code libraries can be defined and maintained. Design systems are helpful for designers, developers, and content creators to ensure a visual consistency across multiple products from a single brand. They can be small or large and include different types of client deliverables, such as …
Package Management using npm In this lesson, we will learn how to use the package manager npm, a node.js command line client, to setup a custom front-end web development environment and automated build process. A package manager (or package management system) is a collection of tools that automates the process of installing, upgrading, configuring, and …
One of the best ways to learn about content management systems (CMS) is to set one up from scratch. In this lesson, we are going to use WordPress to set up a small, simple CMS-driven “test” web site for learning purposes. A Content Management System (CMS) is a computer application that supports the creation and modification …
