public marks

PUBLIC MARKS with tag css

February 2015

JQUERY - TUTO - Iframe - Créer un élément HTML dans le DOM avec jQuery

by decembre
Le sélecteur jQuery est la plupart du temps utilisé pour sélectionner des éléments existant dans le DOM, via une règle CSS. Mais le sélecteur peut aussi créer de nouveaux éléments HTML de manière extrêmement simple ! Voici un petit exemple très simple qui créé un élément div , écrit "Salut !" à l'intérieur, puis enfin ajoute cet élément à la fin de la page web (en l'ajoutant à la fin body) :


by Nicolas Lescure
Animated icons, symbols and buttons using SVG and CSS

Aerotwist - FLIP Your Animations

by srcmax
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.

Material Design for Bootstrap

by srcmax
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.

filamentgroup/fixed-sticky · GitHub

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

Twitter's "fave" animation

by manu & 1 other
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.

CSS Reference

by Nicolas Lescure & 1 other
An extensive CSS reference with all the important properties and info to learn CSS from the basics

January 2015

CSS Dersleri

by venus
CSS (Style Sheet) lessons and tutorials

December 2014

L’intégration d’e-mails responsive – HTeuMeuLeu

by srcmax
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.

Adobe Parfait

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

CSS polyfills from the future | GSS

by srcmax
GSS reimagines CSS layout & replaces the browser’s layout engine with one that harnesses the Cassowary Constraint Solver — the same algorithm Apple uses to compute native layout.

Don’t use ids in selectors!? – Ein Web-Mythos

by 84GHz
»Don’t use ids in selectors« ist ein Mythos der Webentwicklung. Auf ids im CSS zu verzichten ist nicht sinnvoll. Im Gegenteil. Wer auf ids verzichtet, der beraubt sich einer großartigen Möglichkeit, die CSS genauso vorgesehen hat und die CSS ausmacht.

How to optimize for legibility using text-rendering | Webdesigner Depot

by srcmax
The text-rendering property has four settings: auto: allows the browser to choose a setting itself optimizeSpeed: focuses on speed optimizeLegibility: focuses on advanced rendering geometricPrecision: precise rendering