Ideas for how to iteratively enhance your UI designs and improve UX by leveling up design patterns. A common challenge for front-end designers and developers is figuring out how to take UI designs to the next level. During the design process, there is often a visual threshold that delineates an under-designed interface from a well-designed […]
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
Intro to Design Patterns Read More »
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
Intro to Web Hosting Read More »
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
Git-based Workflows using Github Read More »
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
Typography for the Web Read More »
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
Web Layout Techniques & Strategies Read More »
Be Inspired by Great Design and Designers Chris’s Go-to Inspiration Sites: Pinterest Boards with Inspiration Examples Inspiration related resources 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
Intro to Node.js and npm Read More »
