PUBLIC MARKS with tag css

Animated icons, symbols and buttons using SVG and CSS

I’ve come to love FLIP as a way of thinking about animations, because it’s a good match of JavaScript and CSS. Calculate in JavaScript, but let CSS handle the animations for you. You don’t have to use CSS to do the animations, though, you could just as easily use the Web Animations API or JavaScript itself, whatever’s easiest. The main point is that you’re reducing the per-frame complexity and cost (which normally means transform and opacity) to try and give the user the best possible experience.

A simple and easy jQuery plugin for CSS animated page transitions.

Material Design for Bootstrap is a theme for Bootstrap 3 which lets you use the new Google Material Design in your favorite front-end framework.

A position: sticky polyfill that works with filamentgroup/fixed-fixed for a safer position:fixed fallback.

Twitter recently updated the design of their “fave” (also known as “fav”) button, introducing a new animation. Rather than rely on CSS transitions, the animation makes use of a series of images. Here’s how to recreate the animation using the CSS animation steps timing function.

An extensive CSS reference with all the important properties and info to learn CSS from the basics

CSS (Style Sheet) lessons and tutorials

CSS Stats

What CSS to prefix?

Ces derniers mois, j'ai eu la chance de travailler à plusieurs reprises sur l'intégration d'e-mails responsive. C'est un sujet particulièrement intéressant qui rapproche des technologies préhistoriques (mise en page en tableaux, support CSS archaïque) avec des concepts modernes (du responsive design). C'est un peu comme si un scientifique fou décidait de resusciter des dinosaures.

Project Parfait is now Creative Cloud Extract. Extract CSS, fonts, colors and export optimized images from a PSD, right from your browser.