Top Trending LinkedIn Posts about css

CSS tip:

Use the `columns` property to create a beautiful masonry layout:

CSS tip:

Use the `columns` property to create a beautiful masonry layout:

CSS tip:

Smooth scrolling with zero JavaScript, with just one line of CSS.

CSS tip:

Smooth scrolling with zero JavaScript, with just one line of CSS.

CSS tip:

Did you know that you can create a typing effect with zero JavaScript?

Demo and code in comment below.

CSS tip:

Did you know that you can create a typing effect with zero JavaScript?

Demo and code in comment below.

CSS tip:

Easily center anything, horizontally and vertically, with 2 lines of CSS:

CSS tip:

Easily center anything, horizontally and vertically, with 2 lines of CSS:

CSS `:nth-child` Selectors Cheatsheet

I have just applied for a role and thought I'd share my opening message. For people who know me especially those who have

Struggling with CSS is a common thing...

But it's much easier if you understand this:

The CSS Box Model

Many front-end devs argue that you don't

CSS tip:

Create dynamic CSS-only tooltips, using the `attr()` CSS function.

CSS tip:

Create dynamic CSS-only tooltips, using the `attr()` CSS function.

CSS will be around for a long time.
Learn it well. Your future self will thank you.

CSS tip:

Use the `aspect-ratio` CSS property to create elements that maintain proportional dimensions.

There's a classic joke on how hard it is to center something with CSS... but that was before Grid and Flexbox.

Now it doesn't

CSS tip:

Did you know that you can create a typing effect with zero JavaScript?

Check it out: https://lnkd.in/dYss_Q6P

Mastering CSS has nothing to do with fancy techniques...

It's about mastering the CSS fundamentals.

That's why understanding the CSS Box Model is crucial.

When you

No more mess with CSS Media Queries!

A new, great syntax has arrived...

The browser support is great: 90.83%

The new syntax makes your code cleaner

I found this amazing CSS Section Separator Generator you can use for your projects.

Details are in the comment below.

CSS tip:

You can use `background-repeat: round` to prevent background images from clipping.

Avoid useless divs in React!

You get an error when returning two sibling elements together... Why?

Because every component can only have one root element.

You

#CSS relative #colors are great, especially when working on #designTokens: https://buff.ly/46NniyK
It allows you to deconstruct colors into valid color values, like turning

CSS is hard.

It's very different from programming language...

You have to deal with a lot of different properties.

However, new syntaxes have recently made it

Beautiful shadows have beautiful colors: a cool tutorial using CSS customer properties and oklch() to have shadows that also transpose the color of

CSS tip:

The `::selection` CSS pseudo-element applies styles to the part of a document that has been highlighted by the user (such as clicking

𝗖𝗦𝗦 𝗚𝗿𝗶𝗱 > 𝗖𝗦𝗦 𝗙𝗹𝗲𝘅𝗯𝗼𝘅.


Well, "it depends".

One thing CSS Grid is excellent at:
➡️ Positioning items on 2 dimensions/areas

Here's how to do it with

Modern way of writing CSS Media Queries that you should know about 🔥

Media queries help you to define different CSS rules based on

CSS Keyframes: Web Animasyonlarının Güçlü Aracı 👇

Keyframes; bir animasyonun başlangıç, bitiş ve ara noktalarını belirler, geliştiricilere karmaşık ve akıcı animasyonlar oluşturma imkânı sunar.

CSS is like modern art: sometimes you have to look at it sideways to make sense of it. One wrong line of code,