Veille de CCM Benchmark Group

CSS masonry with flexbox, :nth-child(), and order

Creating a masonry (or mosaic) layout with flexbox produces a grid with a seemingly shuffled and obscure order, but we can achieve a natural ordering by using :nth-child() and the order property

<tobiasahlin.com>
By davidb - - Intégration
Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!

A guide for front-end developers to equip themselves with latest learning resources and development tools in front-end engineering.

<frontendmasters.com>
By davidb - - Intégration
Art Direction For The Web Using CSS Shapes — Smashing Magazine

Last year, Rachel Andrew wrote “[Take A New Look At CSS Shapes](https://www.smashingmagazine.com/2018/09/css-shapes/)” where she reintroduced readers to the basics of using CSS Shapes. In this new tutorial, Andy Clarke expands on the topic of “[Art

<www.smashingmagazine.com>
By davidb - - Intégration
How to Create a Sticky Image Effect with Three.js | Codrops

A recreation of the sticky image effect seen on the websites of MakeReign and Ultranoir using three.js.

<tympanus.net>
By davidb - - Intégration
How to create a dark\light mode switch in CSS and Javascript | CodyHouse

In this tutorial, we'll take a look at how to create a dark color theme by updating the values of your color variables (CSS custom properties), and how to apply this new theme to a web project.

<codyhouse.co>
By davidb - - Intégration
lucagez/Debucsser

CSS debugging tool with an unpronounceable name. Contribute to lucagez/Debucsser development by creating an account on GitHub.

<github.com>
By davidb - - Intégration
Gimli

A Visual Studio Code extension for front-end developers.

<gimli.app>
By alavenant - - Intégration
CSSBattle

CSS Code Golfing is Here!

<cssbattle.dev>
By davidb - - Intégration
The Annoying Mobile Double-Tap Link Issue | CSS-Tricks

We had a question come up the other day on ShopTalk about regular ol' anchor links on iOS, and some weird situation where you couldn't just tap them once

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

Rally is an interactive product studio specializing in UX/UI design and front-end development, building beautiful products and software with brands like Google, Nike, and National Geographic.

<rallyinteractive.com>
By davidb - - Intégration
CSS Houdini Could Change the Way We Write and Manage CSS | CSS-Tricks

CSS Houdini may be the most exciting development in CSS. Houdini is comprised of a number of separate APIs, each shipping to browsers separately, and some

<css-tricks.com>
By davidb - - Intégration
“Fit For Purpose: Making Sense of the New CSS” by Eric Meyer

If 2017 was the year of new CSS capabilities, 2018 was the year of trying to figure out what to do with them all. What’s ready for production, and what’s useful in the shop? In this hour-long talk, Eric Meyer turns his experienced eye for CSS on the new t

<aneventapart.com>
By davidb - - Intégration
All you need to know about hyphenation in CSS

Automatic hyphenation on the web has been possible since 2011 and is now broadly supported. There is however far more control available to designers than just turning on hyphens.

<clagnut.com>
By davidb - - Intégration
leeoniya/dropcss

A simple, thorough and fast unused-CSS cleaner. Contribute to leeoniya/dropcss development by creating an account on GitHub.

<github.com>
By davidb - - Intégration
By davidb - - Intégration
Sophisticated Partitioning with CSS Grid | Rob Weychert

Create compelling grid patterns by harnessing specificity.

<v6.robweychert.com>
By davidb - - Intégration