Veille de CCM Benchmark Group

Feather – Simply beautiful open source icons

Designed on a 24x24 grid with an emphasis on functionality, consistency and simplicity.

<feather.netlify.com>
By xavierccm - - Intégration
The Perfect Paragraph—A Web Typography Learning Game

Learn how to set a typographically perfect paragraph by adjusting font-size, line-height and line length in this cool learning game.

<betterwebtype.com>
By dsyren - - Intégration
Browserslist is a Good Idea | CSS-Tricks

I think, as front-end developers, we're well aware that different browsers (and versions) support different things. We make choices based on web features w

<css-tricks.com>
By dsyren - - Intégration
▶ Liquid Button

Inspired by https://dribbble.com/shots/3514361-Liquidbutton-V2...

<codepen.io>
By davidb - - Intégration
What is the Future of Front End Web Development? | CSS-Tricks

I was asked to do a little session on this the other day. I'd say I'm underqualified to answer the question, as is any single person. If you really needed

<css-tricks.com>
By davidb - - Intégration
Mixfont | A modern font generator

Whether you're designing a website or writing a paper, Mixfont is simple way to choose beautiful fonts that work well together.

<www.mixfont.com>
By davidb - - Intégration
Learn CSS Grid - A Guide to Learning CSS Grid Layout

A comprehensive guide to help you understand and learn CSS Grid Layout, by Jonathan Suh.

<learncssgrid.com>
By davidb - - Intégration
James Friend on Twitter

“TIL you can make CSS attribute selectors case insensitive by putting an 'i' after the attr="value" part”

<twitter.com>
By ernest - - Intégration
tonybeltramelli/pix2code

pix2code: Generating Code from a Graphical User Interface Screenshot

<github.com>
By pascalroux - - Intégration
By davidb - - Intégration
Fluid Typography - a Collection by Mike on CodePen

All my Fluid Typography examples in one place. Hurry, everything must go!

<codepen.io>
By davidb - - Intégration
Lazy Load Images

Lazy load images by initially loading a low res version and then replacing it with a higher res version once the page is done loading....

<codepen.io>
By davidb - - Intégration
CSS-only shimmering neon text

This is so not what a neon sign looks like, but I stumbled on the effect on accident and thought it looked cool. So. Select the text and type whatever...

<codepen.io>
By davidb - - Intégration
Introducing iotaCSS – iotaCSS – Medium

A smart, open source, SASS based design agnostic framework built for scale.

<medium.com>
By davidb - - Intégration
SVGito: Little Optimizations for SVGs – Peter Nowell – Medium

A web-app with new optimizations for your SVG files—especially those exported from Sketch.

<medium.com>
By davidb - - Intégration
Winning with CSS Variables

CSS variables now enjoy wide cross-browser support. But what are they and why should we use them?

<vgpena.github.io>
By davidb - - Intégration
CSS in JavaScript: The future of component-based styling

By adopting inline styles, we can get all of the programmatic affordances of JavaScript.

<medium.freecodecamp.com>
By davidb - - Intégration
How I Animated the bitsofcode Logo with CSS

I’m pretty new to CSS animations. For the most part, I had only used them in limited cases and mostly using libraries created by others, such as the excellent Animate.css created by Daniel Eden. As I mentioned in Redesigning bitsofcode, the graphic desig

<bitsofco.de>
By davidb - - Intégration
Spring Into CSS Grid ????

CSS Grid has been getting a lot of attention recently and I finally dedicated time this past weekend to sit down and get a basic understanding of how it works. It was an emotional rollercoaster of an experience (seriously, this is life changing stuff) but

<jonibologna.com>
By davidb - - Intégration
CSS Grid and Grid Inspector in Firefox

Explore new possibilities in web design with CSS Grid and Firefox’s Grid Inspector tool

<www.mozilla.org>
By davidb - - Intégration