Web Design Link Picks
resources from newsletter #0091 & #0092
Article written on Wednesday, 12 Sep 2018
Link resources time again! Hopefully you are ready for the next part in the 'create your design system' series by CodyHouse. Part 5 deals with icons. This week we also going to learn some CSS animation in a 3 part series. Rachel Andrew has a look at CSS Shapes. If you are a designer like me and want to learn JavaScript there's this unique video series specially for us. We also going to take a look at a CSS Demo for OpenType Features. Enjoy!

Create Your Design System, Part 5: Icons
In this article, Claudia takes a look at how to include icons in your design system, with some additional CSS techniques to customize them according to your needs.

How to Create Pure CSS Illustrations and Animate Them
This is the third part in a three-part series about CSS illustrations and animations. The first part covers the basics and workflow tips. The second one covers an intro into CSS animation with creating a CSS Polaroid. This last one goes into more advanced techniques where you'll create CSS lighthouse scene.
Take A New Look At CSS Shapes
Another interesting article by Rachel Andrew where you'll learn about CSS Shapes and how to create non-rectangular shapes using images, gradients, and basic shapes.
JavaScript for Designers
This JavaScript video series is unique because it is taught by a designer and it covers stuff that's applicable to you as a designer. It's also hands on. Bookmarked for when I got time :)
The Complete CSS Demo for OpenType Features
This project is a comprehensive CSS font-feature-settings demo for OpenType features. Really cool stuff!