Veille de CCM Benchmark Group

Expanding Grid Item Animation | Codrops

A grid item animation where the thumbnail scales up when the details view is opened. Based on the Dribbble shot "Surf Project" by Filip Slová?ek.

<tympanus.net>
By davidb - - Intégration
Animating Clipped Shapes

finder of new ways to confuse myself

<varun.ca>
By davidb - - Intégration
The Contrast Swap Technique: Improved Image Performance with CSS Filters | CSS-Tricks

With CSS filter effects and blend modes, we can now leverage various techniques for styling images directly in the browser. However, creating aesthetic the

<css-tricks.com>
By ernest - - Intégration
Wes Bos ???? on Twitter

“Bootstap 12 column grid in 5 lines of CSS. One of many ways to lay out of a page in CSS grid. You won’t be needing frameworks for layout much longer ????”

<twitter.com>
By xavierccm - - Intégration
HEAD - A free guide to <head> elements

A free guide to <head> elements

<gethead.info>
By davidb - - Intégration
Flexbox and Grids, your layout’s best friends

We decided to debunk the myths around Flexbox & Grids in order to show you the power of these two technologies working together. Read more!

<aerolab.co>
By davidb - - Intégration
Writing Smarter Animation Code | CSS-Tricks

If you've ever coded an animation that's longer than 10 seconds with dozens or even hundreds of choreographed elements, you know how challenging it can be

<css-tricks.com&utm_campaign=buffer>
By dsyren - - Intégration
Boris ???? on Twitter

“[Veille] "Intégrer facilement de l’a11y dans votre projet front-end", Mylène Chandelier (@CrazyCatLena) #a11y https://t.co/rHxYlo75ZJ”

<twitter.com>
By xavierccm - - Intégration
Breaking down CSS Box Shadow vs. Drop Shadow | CSS-Tricks

Drop shadows. Web designers have loved them for a long time to the extent that we used to fake them with PNG images before CSS Level 3 formally introduced

<css-tricks.com>
By davidb - - Intégration
The Story of CSS Grid, from Its Creators

After more than 20 years in the making, CSS Grid is finally here.

<alistapart.com>
By davidb - - Intégration
Dynamic Shape Overlays with SVG | Codrops

Some ideas for multi-layered SVG shape overlays that get generated dynamically with adjustable properties for a variety of effects.

<tympanus.net>
By davidb - - Intégration
Wes Bos ???? on Twitter

“CSS Grid landed in MS Edge today, and that makes support 100% in the latest of every browser !”

Découvrez le Tweet de @wesbos : <twitter.com>
By dsyren - - Intégration
Breadcrumbs Navigation

Breadcrumbs by John Wilson https://dribbble.com/shots/3667069-Breadcrumbs...

<codepen.io>
By davidb - - Intégration
Let There Be Peace on CSS

At the beginning of this year I gave an "instant talk" at London CSS meetup, titled “Let There Be Peace on CSS”. This talk has then evolved and has been reprised a few months later at Design Exchange Nottingham, and presented at Front End London and State

<www.didoo.net>
By dsyren - - Intégration
The “above the fold” myth – Rareview – Medium

There is no fold. Period. There, I said it.

Ou l'on apprend que les contenus les plus vus se trouvent après la ligne de flottaison <medium.com>
By xavierccm - - Intégration
Building a CSS-only image gallery (with fallbacks)

Sometimes, we get handed a project in which we have almost complete creative control and free-reign to do pretty much...

<www.chenhuijing.com>
By davidb - - Intégration
CSS Grid Challenge: Winners and Templates – Smashing Magazine

The announcement of the winners of the CSS Grid Challenge 2017. Stay tuned for more challenges and smashing prizes!

<www.smashingmagazine.com>
By davidb - - Intégration
Browser Compatibility for CSS Grid Layouts with Simple Sass Mixins | CSS-Tricks

According to an article from A List Apart about CSS Grid, a "new era in digital design is dawning right now." With Flexbox and Grid, we have the ability to

<css-tricks.com>
By davidb - - Intégration