Veille de CCM Benchmark Group

By davidb - - Intégration
Convert woff to woff2 | Everything Fonts

Convert woff font files to woff2 files online. Other font conversion options are also available

<everythingfonts.com>
By davidb - - Intégration
Transparent JPG (With SVG) | CSS-Tricks

Let's say you have a photographic image that really should be a JPG or WebP, for the best file size and quality. But what if I need transparency too? Don't

<css-tricks.com>
By davidb - - Intégration
SVG Text Animation Using Stroke Offset Method

Loved the text animation at Wokine.com so I tried to recreate it here. I noticed they used simple shapes to create the words. I did that using svg li...

<codepen.io>
By davidb - - Intégration
Image Masking

Using canvas for image masking. Image courtesy of Laura Aziz | Unsplash https://unsplash.com/photos/Zx5UKS3zC60...

<codepen.io>
By davidb - - Intégration
Code Smells in CSS Revisited – CSS Wizardry

An update to my 2012 article, Code Smells in CSS

<csswizardry.com>
By davidb - - Intégration
By dsyren - - Intégration
By sylvain - - Intégration
Atom Button

Moving elements along a path. ...

<codepen.io>
By davidb - - Intégration
Vertical Magic Line [pure CSS,hover]

Pure CSS magic line navigation effect. HAML + SASS + CoffeeScript...

<codepen.io>
By davidb - - Intégration
Death to Icon Fonts

My London Web Standards talk from 29th June 2015, where I cover some of the problems icon fonts pose for dyslexics

<speakerdeck.com>
By ernest - - Intégration
Inspiration for Search UI Effects | Codrops

A couple of schematic, inspirational proof-of-concepts for how to show the search UI on a website using CSS animations.

<tympanus.net>
By davidb - - Intégration
BB8 from Starwars ⚾️ – with SVG & GSAP

# Droids ???? ## [Link: BB8 reference on Youtube](https://youtu.be/_RWWKFqv7EM?t=1m53s) I'm not a blockbuster kind of guy, but I just can't resist when...

<codepen.io>
By davidb - - Intégration
#dailyui 007: Settings

Fully responsive and animated settings modal - CSS-only, no Javascript. Got a bit of a design-block so it's a little late!...

<codepen.io>
By davidb - - Intégration
How Flexbox works — explained with big, colorful, animated gifs

Flexbox promises to save us from the evils of plain CSS (like vertical alignment).

<medium.freecodecamp.comrbice>
By davidb - - Intégration
50 Free Resources for Web Designers for February 2017

For February's collection of free resources for web designers, we've included Icon Sets, UI & UX Templates, Free Fonts, WordPress Themes, and so much more.

<speckyboy.com>
By urenaud - - Intégration
By davidb - - Intégration