Veille de CCM Benchmark Group

anime.js

Javascript animation engine

<animejs.com>
By davidb - - Intégration
Creating vector-like CSS illustrations

There are several posts out there around CSS illustrations, but not one I've read so far -correct me if I am wrong-, which talks about the technique I'll share with you today. Creating ...

<codepen.io>
By davidb - - Intégration
Why we need CSS subgrid

The CSS Grid spec is amazing, but there's still a gap to be filled by `subgrid`.

<dev.to>
By davidb - - Intégration
When And How To Use CSS Multi-Column Layout

The Multi-column Layout spec is often overlooked as we use Grid and Flexbox. In this article Rachel Andrew explains why it is different to other layout methods, and shows some useful patterns and sites which showcase it well.

<www.smashingmagazine.com>
By davidb - - Intégration
Vincent Le Moign on Twitter

“????Streamline 3.0 is out! 30,000 icons in three different weights. 53 categories. 720 subcategories. The world’s largest icon library: https://t.co/OC6MwTJs5F”

Découvrez le Tweet de @webalys : <twitter.com>
By xavierccm - - Intégration
2018 Staff Favorites | CSS-Tricks

Last year, the team here at CSS-Tricks compiled a list of our favorite posts, trends, topics, and resources from around the world of front-end

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

User Experience Designer

<cathydutton.co.uk>
By davidb - - Intégration
Making Future Interfaces: Algorithmic Layouts

Learn how to create CSS layouts that are self-governing, using Flexbox and Grid. Transcript: https://gist.github.com/Heydon/c0b1d088461c64370d6fe1a19bff4b9f

<www.youtube.com>
By davidb - - Intégration
Parallax Self Portrait (Use Mouse on Desktop and Tilt on Mobile)

I drew a self-portrait using a Wacom tablet a few years ago. Here I’m using JS to detect device tilt or mouse movement to create a sense of depth to th...

<codepen.io>
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 ...

très ressemblant de <codepen.io>
By pcouy - - Intégration
Tobias Reich on Twitter

“Best. Login. Ever. ???? https://t.co/v4rlKoCMQz”

<twitter.com> Au boulot les gens :smile:
By ernest - - Intégration
Lynn Fisher

Lynn Fisher is an artist, designer, and developer from Phoenix, Arizona.

<lynnandtonic.com> (resize window)
By davidb - - Intégration
By jultou - - Intégration
Sheets API Specials Menu

Working on a site for a restaurant where the owner needed a 'CMS' to edit the specials menu on a daily basis. Rather than use a bloated CMS like wordp...

<codepen.io>
By davidb - - Intégration
cssanimation/css-animation-101

Learn how to bring animation to your web projects. Contribute to cssanimation/css-animation-101 development by creating an account on GitHub.

<github.com>
By davidb - - Intégration
CSS-Only Walking Dog

Based on a [Dribbble](https://dribbble.com/shots/4377627-Walking-dog) shot by [Artua](https://dribbble.com/Artua)....

<codepen.io>
By davidb - - Intégration
<meter> star rating (like Amazon)

as seen from @leaverou https://twitter.com/rikschennink/status/1063375994776678400/photo/1 not testet in MS Edge (Internet Explorer does not support...

<codepen.io>
By red - - Intégration
Theming with CSS variables in RGBA

CSS variables are pretty well-supported nowadays across browsers. The global feature coverage is above 87.5% at the time of writing. Theming appsA not so surprising use-case of CSS variables is...

<codepen.io>
By davidb - - Intégration
CSS Animations and Transitions in Email | CSS-Tricks

We don't generally think of CSS animations or transitions inside of email, or really any movement at all outside of an awkward occasional GIF. But there

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

Compress and compare images with different codecs, right in your browser

<squoosh.app>
By red - - Intégration