Lessons about CSS (page 2)

css-tricks.com

line-clamp: Ellipsis in multi-line text

The line-clamp property truncates text at a specific number of lines.

João Lins·July 20, 2021

web.dev

If you want to have high performance animations, avoid properties that trigger layout or paint

To improve the performance of your CSS animations, use the transform and opacity CSS properties as much as possible, and avoid anything that triggers layout or painting.

João Lins·July 15, 2021

smashingmagazine.com

Meet :has, A Native CSS Parent Selector

What makes relational selector one of the most requested features and how are we, as developers, working around not having it? In this article, we’re going to check the early spec of the :has selector, and see how it should improve the CSS workflow once it’s released.

Victor Ferraz·June 9, 2021

smashingmagazine.com

Creating and sending HTML emails

Email design and development is a beast. Email client vendors haven’t been as progressive as web browser vendors in adopting new standards. Not much has changed in email design. In fact, it has gotten worse. With the introduction of mobile devices and more and more email clients, we have even more caveats to deal with when building HTML email. In this article, Lee Munroe brings you an insight into the world of building and sending email, and a couple of code snippets and resources that are sure to add some hours back into your life.

Marcos Felipe·March 5, 2021

animxyz.com

Create, customize, and compose animations using CSS classes and variables and without having to write a single keyframe

Victor Ferraz·January 7, 2021

youtube.com

You can do that with margins?

João Lins·September 22, 2020

1linelayouts.glitch.me

10 modern layouts in 1 line of CSS

Jaênia Pereira·August 5, 2020

cssfordesigners.com

Things I Wish I’d Known About CSS: awesome straightforward list of CSS gotchas

I learned how to build websites the old fashioned way: looking at website source code and trying to replicate the things I saw. I threw in the odd book for the stuff I couldn’t _see_ (like PHP/MySQL),…

Flavio Juvenal·July 17, 2020

calendar.perfplanet.com

The unseen performance costs of modern CSS-in-JS libraries in React apps

CSS-in-JS is becoming a popular choice for any new front-end app out there, due to the fact that it offers a better API for developers to work with. Don't get me wrong, I love CSS, but creating a proper CSS architecture is not an easy task. Unfortunately though, besides some of the great advantages

João Lins·December 20, 2019

tobiasahlin.com

Flexbox techniques - Breaking to a new row with flexbox

You can break to a new flexbox row or column without setting the size of an item: add a collapsed flex item between two flex items

João Lins·November 4, 2019

youtube.com

Steve Schoger | Refactoring UI | CSS Day 2019 - Great talk about UI Refactoring and great tips to make your site more polished

João Lins·August 12, 2019

css-tricks.com

The Great Divide - Should we split the Front end Engineer into JS Engineer and UX Engineer?

Let’s say there is a divide happening in front-end development. I feel it, but it's not just in my bones. Based on an awful lot of written developer

João Lins·July 22, 2019

demos.scotch.io

Flexbox Playground

João Lins·July 3, 2019

2019.stateofcss.com

State of CSS 2019

Discover the most popular CSS features & technologies of the year.

Gustavo Carvalho·June 18, 2019