CSS Weekly 192

Lets Move!

Animations can make the web engaging, fast and playful. Used judiciously, they can dramatically improve the user experience. Embrace them! Watch video

Why I'm Excited About Native CSS Variables

Philip Walton shows some of the things you can do with CSS custom properties that you can’t do with preprocessor variables. Read more

Articles & Tutorials

Getting Started With CSS calc()

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. Read more

Introducing the CSS Grid Layout spec

Rachel Andrew explains the benefits of the upcoming CSS Grid Layout specification. Read more

Animating Your Brand

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. Read more

An Introduction To PostCSS

PostCSS aims to reinvent CSS with an ecosystem of custom plugins and tools. It transforms extended syntaxes and features into modern, browser-friendly CSS. Read more

Twitter’s Heart Animation in Full CSS

Nicolas Escoffier explains how he recreated Twitter’s heart animation in pure CSS. Read more

Seriously, Use Icon Fonts

Ben Frain explains that icon fonts are a great solution to certain problems, and hence, they’re genuinely useful. Read more

Jobs

UI Developer at Caktus

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. Apply now

Tools

Flexbox Froggy

An excellent game for learning flexbox. Fun and educational. Check it out

CSS Cursor

A small web app that lets you see different pointer types in CSS. Check it out

Inspiration

Atom with GOO & CSS

Julien Amblard proves that CSS and SVG can really render and animate amazing things nowadays. Get inspired