Animations can make the web engaging, fast and playful. Used judiciously, they can dramatically improve the user experience. Embrace them!
Philip Walton shows some of the things you can do with CSS custom properties that you can’t do with preprocessor variables.
Creative Market is back with another amazing bundle of unbeatable design resources. For December, they’ve rounded up 117 items worth over $1,600, yours for just $39. Check out the bundle page to see what’s included.
Articles & Tutorials
In CSS, calc() can do something that no preprocessor can: mix any kind of units. There are many practical uses of calc() — Ana Tudor shows some of them.
Rachel Andrew explains the benefits of the upcoming CSS Grid Layout specification.
Donovan Hutchinson on how you can add animation to your designs, in a way that’s consistent with other aspects of your brand, such as fonts, colours, layouts and everything else.
PostCSS aims to reinvent CSS with an ecosystem of custom plugins and tools. It transforms extended syntaxes and features into modern, browser-friendly CSS.
Nicolas Escoffier explains how he recreated Twitter’s heart animation in pure CSS.
Ben Frain explains that icon fonts are a great solution to certain problems, and hence, they’re genuinely useful.
Hiring UI Developer with background in HTML5/CSS3 to build user interfaces for complex web apps; rapidly prototype user interfaces using tried UX patterns; hone craft in latest techniques of CSS performance, breakpoint standards, flexbox layouts. Ideal candidate also has eye for design.
An excellent game for learning flexbox. Fun and educational.
A small web app that lets you see different pointer types in CSS.
Julien Amblard proves that CSS and SVG can really render and animate amazing things nowadays.