“SCSS allows for DRY (Don’t Repeat Yourself) principles in your CSS by reducing redundant styles. #DRYCode #EfficientCSS


The sad state of CSS workflow: CSS > Less/Sass > PostCSS What about learning efficient CSS from the beginning? #efficientcss #css


“SCSS allows for DRY (Don’t Repeat Yourself) principles in your CSS by reducing redundant styles. #DRYCode #EfficientCSS


The sad state of CSS workflow: CSS > Less/Sass > PostCSS What about learning efficient CSS from the beginning? #efficientcss #css


لا توجد نتائج لـ "#efficientcss"

If you're using Tailwind, don't sleep on child selectors. They clean up your styles and eliminate repetition. Vibe coding agents aren't smart enough to do this. (if you're using CSS, keep scrolling)

DavidKPiano's tweet image. If you're using Tailwind, don't sleep on child selectors. They clean up your styles and eliminate repetition.

Vibe coding agents aren't smart enough to do this.

(if you're using CSS, keep scrolling)

CSS filter property cheatsheet for web developers 🎨 A Thread 🧵👇

AlfaizAliX's tweet image. CSS filter property cheatsheet for web developers 🎨

A Thread 🧵👇

All you need to know about CSS filter methods 🎨 A thread🧵

Prathkum's tweet image. All you need to know about CSS filter methods 🎨 

A thread🧵

Every designer should have this on hand! 🪄 That's what I did to stop delivering low-quality Thumbnails⬇️

aguiarpsd's tweet image. Every designer should have this on hand! 🪄

That's what I did to stop delivering low-quality Thumbnails⬇️

My recent thumbnail breakdown from screenshot → finding block & body → clean background.

ThumbnailBoss's tweet image. My recent thumbnail breakdown     

from screenshot → finding block & body → clean background.

Efficient client-side filtering, who needs React compiler. 👀

James_Marotta's tweet image. Efficient client-side filtering, who needs React compiler. 👀

CSS tip: When you work with transparent images you can use `drop-shadow()` filter function to create a shadow on the image's content, instead of `box-shadow` property which creates a rectangular shadow behind an element's entire box: filter: drop-shadow(2px 4px 8px #585858);

denicmarko's tweet image. CSS tip:

When you work with transparent images you can use `drop-shadow()` filter function to create a shadow on the image's content, instead of `box-shadow` property which creates a rectangular shadow behind an element's entire box:

filter: drop-shadow(2px 4px 8px #585858);

Lovely image editing evals with before/after sliders

kevinschaul's tweet image. Lovely image editing evals with before/after sliders

CSS filter property visual guide for frontend developers 🎨 A Thread 🧵👇

AlfaizAliX's tweet image. CSS filter property visual guide for frontend developers 🎨

A Thread 🧵👇

✨🎉✨Introducing CSSGram: ✨🎉✨ A tiny (<1kb gzipped!) CSS library for Instagram filters. una.im/CSSgram/


💡 Did you know about the backdrop-filter property in CSS?

_georgemoller's tweet image. 💡 Did you know about the backdrop-filter property in CSS?

My Programming Students will agree that there can't be any better suitable image representation of before and after CSS than this. HTML is a repulsive language. It needs CSS to breathe 🤣. Full code below tho WITH HTML & BEFORE CSS AFTER CSS

Kynsofficial's tweet image. My Programming Students will agree that there can&apos;t be any better suitable image representation of before and after CSS than this.

HTML is a repulsive language. It needs CSS to breathe 🤣. Full code below tho

WITH HTML &amp;amp; BEFORE CSS               AFTER CSS
Kynsofficial's tweet image. My Programming Students will agree that there can&apos;t be any better suitable image representation of before and after CSS than this.

HTML is a repulsive language. It needs CSS to breathe 🤣. Full code below tho

WITH HTML &amp;amp; BEFORE CSS               AFTER CSS

Enjoy the color views! Pick your favorite! 🤩🎇 Try yours, link in bio. 🔗 #Photo #Image #Pro #Filter

TheAceMaker's tweet image. Enjoy the color views! Pick your favorite! 🤩🎇
Try yours, link in bio. 🔗

#Photo #Image #Pro #Filter
TheAceMaker's tweet image. Enjoy the color views! Pick your favorite! 🤩🎇
Try yours, link in bio. 🔗

#Photo #Image #Pro #Filter
TheAceMaker's tweet image. Enjoy the color views! Pick your favorite! 🤩🎇
Try yours, link in bio. 🔗

#Photo #Image #Pro #Filter
TheAceMaker's tweet image. Enjoy the color views! Pick your favorite! 🤩🎇
Try yours, link in bio. 🔗

#Photo #Image #Pro #Filter

Some magical stuff what computers can do with images these days... "Content aware image resize library" github.com/esimov/caire

css's tweet image. Some magical stuff what computers can do with images these days...

&quot;Content aware image resize library&quot;

github.com/esimov/caire

CSS tip: When you work with transparent images you can use `drop-shadow()` filter function to create a shadow on the image's content, instead of `box-shadow` property which creates a rectangular shadow behind an element's entire box: filter: drop-shadow(2px 4px 8px #585858);

denicmarko's tweet image. CSS tip:

When you work with transparent images you can use `drop-shadow()` filter function to create a shadow on the image&apos;s content, instead of `box-shadow` property which creates a rectangular shadow behind an element&apos;s entire box:

filter: drop-shadow(2px 4px 8px #585858);

CSS tip: When you work with transparent images you can use `drop-shadow()` filter function to create a shadow on the image's content, instead of `box-shadow` property which creates a rectangular shadow behind an element's entire box: filter: drop-shadow(2px 4px 8px #585858);

denicmarko's tweet image. CSS tip:

When you work with transparent images you can use `drop-shadow()` filter function to create a shadow on the image&apos;s content, instead of `box-shadow` property which creates a rectangular shadow behind an element&apos;s entire box:

filter: drop-shadow(2px 4px 8px #585858);

⁺‧₊˚ ♱⋆ These filters holy shit>>>> (Good morning gang,, have this but in these filters that just pull it out better tbh :p)

amordeangeli's tweet image. ⁺‧₊˚ ♱⋆ These filters holy shit&amp;gt;&amp;gt;&amp;gt;&amp;gt;

(Good morning gang,, have this but in these filters that just pull it out better tbh :p)
amordeangeli's tweet image. ⁺‧₊˚ ♱⋆ These filters holy shit&amp;gt;&amp;gt;&amp;gt;&amp;gt;

(Good morning gang,, have this but in these filters that just pull it out better tbh :p)
amordeangeli's tweet image. ⁺‧₊˚ ♱⋆ These filters holy shit&amp;gt;&amp;gt;&amp;gt;&amp;gt;

(Good morning gang,, have this but in these filters that just pull it out better tbh :p)
amordeangeli's tweet image. ⁺‧₊˚ ♱⋆ These filters holy shit&amp;gt;&amp;gt;&amp;gt;&amp;gt;

(Good morning gang,, have this but in these filters that just pull it out better tbh :p)

CSS tip: When you work with transparent images you can use `drop-shadow()` filter function to create a shadow on the image's content, instead of `box-shadow` property which creates a rectangular shadow behind an element's entire box: filter: drop-shadow(2px 4px 8px #585858);

denicmarko's tweet image. CSS tip:

When you work with transparent images you can use `drop-shadow()` filter function to create a shadow on the image&apos;s content, instead of `box-shadow` property which creates a rectangular shadow behind an element&apos;s entire box:

filter: drop-shadow(2px 4px 8px #585858);

Well that's impressive and dang useful. remove.bg Cool URL too. (Remove Image Background 100% automatically – in 5 seconds – without a single click)

css's tweet image. Well that&apos;s impressive and dang useful. remove.bg Cool URL too.

(Remove Image Background 100% automatically – in 5 seconds – without a single click)

CRAZY clean🤯🔥 Pixar-quality detail✅ This is exactly what strong visuals do — they stop the scroll & build brand trust instantly.👇🏽 👍 Like | 🔁 Retweet | 💬 Comment to support Let’s build you a standout web presence🚀 Tweet🐦| #3DArt #PixarStyle #WebDesign #DigitalBranding

thecodeweavers's tweet image. CRAZY clean🤯🔥
Pixar-quality detail✅
This is exactly what strong visuals do — they stop the scroll &amp;amp; build brand trust instantly.👇🏽
👍 Like | 🔁 Retweet | 💬 Comment to support
Let’s build you a standout web presence🚀
Tweet🐦| #3DArt #PixarStyle #WebDesign #DigitalBranding

Loading...

Something went wrong.


Something went wrong.


United States Trends