Veille de CCM Benchmark Group

Wes Bos ???? on Twitter

“???? If you are trying to align oddly sized images, set a hard width + height and then use object-fit: cover; to remove any distortion img { width: 200px; height: 200px; object-fit: cover; } https://t.co/hYXbP9xjbP”

<twitter.com>
By ernest - - Intégration
UI/UX case study for the New York Times app – UX Collective

Brief: Timely provide to quick read articles from 2–5 mins. Articles are catered to specific users based on their schedule and habits.

<uxdesign.cc>
By davidb - - Intégration
By davidb - - Intégration
Variable Fonts Demo

OpenType Font Variations make it possible to access multiple typefaces within a family from a single resource. Take an expedition into the typographical variety available via variable fonts

<developer.microsoft.com>
By davidb - - Intégration
CSS Colour Gradients with GradPad, beautiful CSS color gradient generator for your designs

CSS gradient generator, create lovely CSS color gradients for web designs in the browser

<ourownthing.co.uk#>
By pcouy - - Intégration
Daryl Ginn on Twitter

“Toggle animation ↪️ https://t.co/dfwNL3VEqR https://t.co/wAtfVtMMSy”

une idée dans le même genre <twitter.com>
By anthony - - Intégration
By davidb - - Intégration
How We Adopted CSS Grid at Scale

From team buy-in to fallbacks, here's the approach we took at Thomas with the implementation of CSS Grid.

<julian.is>
By davidb - - Intégration
Say Hello to Houdini and the CSS Paint API

I haven’t been this excited about a new browser tech in a long time. Houdini is an ambitious project to give developers more power over CSS than we’ve ever had before. The first piece of...

<codersblock.com>
By davidb - - Intégration
Good to great UI animation tips – UX Collective

Practical suggestions to improve your UI micro-interactions.

<uxdesign.cc>
By davidb - - Intégration
Titanic - CSS Puns T-shirt 👕 & Mugs ~ Saijo George

P̶u̶n̶n̶y̶ Funny CSS for Titanic. Get it on a 👕 for your designer friends.

<saijogeorge.com>
By davidb - - Intégration
30 Seconds of CSS

A curated collection of useful CSS snippets you can understand in 30 seconds or less. From foundational elements such as clearfix to gradient text color and gradient cursor tracking to CSS easing and far beyond.

<atomiks.github.io>
By davidb - - Intégration
Front-End Performance Checklist 2018 [PDF, Apple Pages]

Let’s make 2018... fast! A front-end performance checklist (PDF/Apple Pages), with everything you need to know to create fast experiences today.

<www.smashingmagazine.com>
By anthony - - Intégration
Want to learn CSS Variables? Here’s my free 8-part course!

CSS Variables is an exciting new technology for modern browsers. It brings the power of variables to CSS, which results in less repetition…

<medium.freecodecamp.org>
By davidb - - Intégration
Stunning hover effects with CSS variables – Prototypr

Build awesome, interactive hover effects with just 9 lines of code and two CSS variables.

<blog.prototypr.io>
By davidb - - Intégration
Ana Tudor ???? on Twitter

“Here's a live example of something of the kind: a ☯️ loader https://t.co/jgxZlHnFWP, explained in detail in this article https://t.co/rv6e6XWcu0 With preproc vars, I can use a mixin so I don't write those declarations twice, but the *compiled CSS* still

Y a des fou en CSS <twitter.com>
By ernest - - Intégration
Jason Rodriguez | Writer, sometimes designer, web + email advocate.

I'm Jason Rodriguez (@rodriguezcommaj)—a designer, writer, email enthusiast, and product manager at Litmus. I write about the web, email, technology, and productivity and speak and teach at industry events. Author of two books, writer of many articles, an

<www.rodriguezcommaj.com>
By davidb - - Intégration
Animated SVG Avatar

Created a login form with an SVG avatar that responds to the input in the email field. Used the GSAP TweenMax library + GSAP's MorphSVG plugin for the ...

donne envie de créer un compte <codepen.io>
By anthony - - Intégration