Veille de CCM Benchmark Group

The ultimate guide to proper use of animation in UX

Nowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the…

<uxdesign.cc>
By davidb - - Intégration
The Font Loading Checklist—zachleat.com

A post by Zach Leatherman (zachleat)

<www.zachleat.com>
By davidb - - Intégration
Take A New Look At CSS Shapes

In this article, we take a look at CSS Shapes and how to create non-rectangular shapes using images, gradients, and basic shapes. We also discover how the new tools in Firefox make editing shapes easier.

<www.smashingmagazine.com>
By davidb - - Intégration
Super-Powered Grid Components with CSS Custom Properties | CSS-Tricks

A little while ago, I wrote a well-received article about combining CSS variables with CSS grid to help build more maintainable layouts. But CSS grid

<css-tricks.com>
By davidb - - Intégration
CSS Shape Editors | CSS-Tricks

Firefox 62 is shipping out of beta on September 5th. The big notable thing for CSS developers is that it will now support the shape-outside property with

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

Google, but for colors.

<picular.co>
By alavenant - - Intégration
CSS Snake & Ladders: a multiplayer game developed in HTML+CSS with no JS

Snakes and Ladders is an ancient Indian board game regarded today as a worldwide classic. This is a multiplayer version (1-4 players) developed using ...

<codepen.io>
By davidb - - Intégration
An Exploration of Variable Fonts – Prototypr

Variable Fonts are the latest addition to the OpenType font format and change the way we make and use fonts on desktop and web. In short…

<blog.prototypr.io>
By davidb - - Intégration
By davidb - - Intégration
Splitting

CSS Vars for split words, chars, and more!

<splitting.js.org>
By davidb - - Intégration
Dot Menu Animations

Four different menu animations for menu button toggle between dots, cross and back icon. Prefer Hamburgers? Go this way: https://codepen.io/Zaku/detai...

<codepen.io>
By davidb - - Intégration
Chrome 69 Beta: CSS tricks, and more

Unless otherwise noted, changes described below apply to the newest Chrome Beta channel release for Android, Chrome OS, Linux, macOS, and Wi...

<blog.chromium.org>
By davidb - - Intégration
Flexbox — The Animated Tutorial – JavaScript Teacher – Medium

In my previous tutorial I dumped all of the flex diagrams in one place to show you flex box bird’s eye view — but it’s not enough.

<medium.com>
By davidb - - Intégration
Switch font color for different backgrounds with CSS | CSS-Tricks

Ever get one of those, "I can do that with CSS!" moments while watching someone flex their JavaScript muscles? That’s exactly the feeling I got while

<css-tricks.com>
By davidb - - Intégration
The Preposterous Official Website of Erik Bernacchi

A non-linear journey inside Erik Bernacchi's corner of the internet. A world where nothing is appropriate and everything is not as it should be.

<eeerik.com>
By davidb - - Intégration
Creating an animated SVG Neon light effect – 9elements – Medium

Full Tutorial - From Illustrator to Sketch to SVG

<medium.com>
By davidb - - Intégration
The Cost Of JavaScript In 2018 – Addy Osmani – Medium

Building interactive sites can involve sending JavaScript to your users. Often, too much of it. Have you been on a mobile page that looked…

<medium.com>
By davidb - - Intégration
Mariano Pascual

Illustrator, visual artist and designer from Argentina, based in Barcelona.

<www.marianopascual.me>
By davidb - - Intégration
CSS exclusions with Queen Bey

I recently came across a post by Ben Frain expressing his frustrations about CSS shapes and exclusions. And although I...

<www.chenhuijing.com>
By davidb - - Intégration