Hands-on exercises to help understand different layout techniques Check out the codepen examples below, each with multiple ways to center content. Be sure to delete the css (or comment it out) line-by-line so you can fully understand the impact of each css property and value. Centering Horizontal Centering Note how it’s just one line of […]
Positioning and Layout Tests Read More »
Typewolf (https://www.typewolf.com) is an online web typography resource and newsletter (https://www.typewolf.com/newsletter) created by Jeremiah Shoaf (https://www.jeremiahshoaf.com/) for all things related to typography on the web from a designer’s perspective. Typewolf is an independent site/online resource that showcases typefaces from several different type foundries and sources.
Sarah Drasner is a well known JS dev that speaks at many conferences around the world. She has been an advocate of Vue.js.
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 »
A great source for motion UI inspiration by Val Head. You can subscribe on her UI Animation Newsletter web page.
UI Animation Newsletter Read More »
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
Intro to Node.js and npm Read More »
