Lessons about CSS (page 3)

kazzkiq.github.io

Balloon.css: Simple tooltips made of pure css

Tiago Costa·May 21, 2019

a11yproject.com

Never remove CSS outlines, it will undermine accessibility

Removing CSS outlines without proper fallbacks can make it impossible to navigate your site with a keyboard.

Pedro Bacelar·May 10, 2019

shapy.app

Shapy is a gradient shape editor that helps you discover and explore the power of CSS gradients.

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

Felipe Farias·April 30, 2019

mapstyle.withgoogle.com

Stylize Google Maps widget colors, fonts, street capilarity, etc.

Customize colors, roads, labels, and more. Then use your custom style in your Google Maps Platform project.

Pedro Bacelar·April 26, 2019

blog.logrocket.com

Animating SVG with CSS

Gustavo Carvalho·April 16, 2019

css-tricks.com

You can create parent selectors from child in SASS #article-header-id-5

The & is an extremely useful feature in Sass (and Less). It's used when nesting. It can be a nice time-saver when you know how to use it, or a bit of a

João Lins·April 15, 2019

codyhouse.co

How to create clipped, blurred background images in CSS

In this tutorial, we'll take a look at how to apply blur effects to images using CSS filters, and how to confine these effects to specific image areas.

Gustavo Carvalho·April 9, 2019

css-tricks.com

How to work with fixed tables

There is a CSS property for tables that, it seems to me, is well-supported, little known, and super useful. It changes the way that tables are rendered such

Amanda Savluchinske·March 1, 2019

vgpena.github.io

Great tips for working with CSS grids

CSS Grid is fun to use but hard to learn. Here are three tips to help you understand and leverage the Grid spec.

Vanessa Barreiros·February 20, 2019

animejs.com

A lightweight JavaScript animation library with a simple, yet powerful API.

A fast, multipurpose and lightweight JavaScript animation library

Felipe Farias·January 15, 2019

paulcpederson.com

CSS for people who hate CSS

CSS can quickly become an unmanageable nightmare of important rules and overly-specific selectors, don't let it.

Gustavo Carvalho·January 9, 2019

css-tricks.com

The Fragmented, But Evolving State of CSS-in-JS

TLDR: The CSS-in-JS community has converged on a consistent API.

Felipe Farias·January 2, 2019

flexbox.malven.co

Visual Cheatsheets for Grid and Flexbox layout

Learn all about the properties available in flexbox through simple visual examples.

Felipe Farias·August 29, 2018

rscss.io

A good component approach - Styling CSS without losing your sanity:

Find information, resources and relevant links for rscss.io. This domain may be for sale.

Tiago Costa·August 21, 2018

willianjusten.com.br

Inverted Triangle CSS, organizing your css by specificity layers:

Product Engineer na Spoke, fotógrafo amador, amante de jogos e basquete.

Tiago Costa·August 21, 2018