Veille de CCM Benchmark Group

Building a pure CSS animated SVG spinner

In this article I’ll show you how to level up your loading indicators with a pure-CSS animated SVG loader inspired by Google’s Chrome and YouTube spinner. What are we making? A...

<glennmccomb.com>
By davidb - - Intégration
By davidb - - Intégration
Subgrid

Level 2 of the CSS Grid Layout specification includes a subgrid value for grid-template-columns and grid-template-rows. This guide details what subgrid does, and gives some use cases and design patterns that are solved by the feature.

<developer.mozilla.org>
By davidb - - Intégration
SVG Properties and CSS | CSS-Tricks

SVG has its own set of elements, attributes and properties to the extent that inline SVG code can get long and complex. By leveraging CSS and some of the forthcoming features of the SVG 2 specification, we can reduce that code for cleaner markup.

<css-tricks.com>
By davidb - - Intégration
Animating CSS Grid Rows and Columns

One of the biggest things in version 66 of Firefox was the ability to animate grid rows and columns when using Grid layout…

<blog.bitsrc.io>
By davidb - - Intégration
Understanding grid placement through building a HTML periodical table

I’ve been using CSS grid to build layouts for quite a while now, and all my designs to date involved...

<www.chenhuijing.com>
By davidb - - Intégration
Adam Wathan on Twitter

“???? Super excited to announce that @tailwindcss v1.0 is finally out! Head over to the website and give it a spin ???????? https://t.co/zCaaNls0zp”

<twitter.com>
By bmeli - - Intégration
CSSFX - Beautifully simple click-to-copy CSS effects

Browse a carefully crafted collection of loaders, hover effects, transitions, and other CSS effects to use in your next project. Effects are designed with an emphasis on fluidity, simplicity, and ease of use.

<cssfx.dev>
By davidb - - Intégration
<https://andy-bell.design/wrot

<andy-bell.design/wrote/create-a-responsive-grid-layout-with-no-media-queries-using-css-grid/>
By davidb - - Intégration
CSS Transform

CSS3 2D / 3D Transform Functions Visualizer and Playground

<css-transform.moro.es>
By davidb - - Intégration
Shapy

A gradient generator for layering and adding multiple gradients. Create shapes and CSS images using gradients only.

<shapy.app>
By davidb - - Intégration
The CSS Handbook: a handy guide to CSS for developers

I wrote this article to help you quickly learn CSS and get familiar with the advanced CSS topics.

<medium.freecodecamp.org>
By davidb - - Intégration
placekitten

Kitten-themed placeholder images for developers :3

<placekitten.com>
By pcouy - - Intégration
By alavenant - - Intégration
Caleb Porzio on Twitter

“???? Cool thing I just found out is possible in HTML. No practical use, just fun. https://t.co/4zqQBMm46Z”

<twitter.com>
By gcautain - - Intégration
Inclusively Hidden | scottohara.me

There are various ways to hide content in web interfaces, but are you aware of the different effects they have on the accessibility of that content? While so...

<www.scottohara.me>
By davidb - - Intégration