Home New Trending Search
About Privacy Terms
#
#CSS
Posts tagged #CSS on Bluesky
The perfect CSS stylesheet should be...

- Visible as display:none;
- Clear as filter:blur(50px);
- Sharp as image-rendering:pixelated;
- Always on top as z-index:-1;
- Actionable as pointer-events:none;
- Dynamic as animation-play-state:paused;
- Fast as animation-delay:1000s;
- Consistent as order:random(1,999);
- Restrained as overflow:visible;
- All-round as border-radius:0;
- Straight as text-decoration-style:wavy;
- Readable as background:currentColor;
- Bold as font-weight:100;
- Maintainable as !important.

The perfect CSS stylesheet should be... - Visible as display:none; - Clear as filter:blur(50px); - Sharp as image-rendering:pixelated; - Always on top as z-index:-1; - Actionable as pointer-events:none; - Dynamic as animation-play-state:paused; - Fast as animation-delay:1000s; - Consistent as order:random(1,999); - Restrained as overflow:visible; - All-round as border-radius:0; - Straight as text-decoration-style:wavy; - Readable as background:currentColor; - Bold as font-weight:100; - Maintainable as !important.

The cartoon with characters for today's comiCSS was published here: comicss.art/comics/241/

#css #cartoon #joke #webdev

0 0 0 0
Awakari App

The “Perfect” CSS Stylesheet Should Be… comiCSS cartoon for March 16, 2026 (text version) Continue reading on comi_CSS »

#front-end-development #web-development #humor #css #html

Origin | Interest | Match

0 0 0 0
Red text with white shadow "Breaking with habits by Manuel Matuzovic" on pink background with illustrated Mining tools set from Shifts and Expedients of Camp Life, Travel (1876) published by William Barry Lord.

Red text with white shadow "Breaking with habits by Manuel Matuzovic" on pink background with illustrated Mining tools set from Shifts and Expedients of Camp Life, Travel (1876) published by William Barry Lord.

🧰 Breaking with habits
A presentation at Web Day Out in March 2026 in Brighton, UK by Manuel Matuzovic @matuzo.at

#webdev #slides #WebDayOut #css #html #js

noti.st/matuzo/K64nm...

0 0 0 0
Smooth transitions with the View Transition API  |  View Transitions  |  Chrome for Developers The View Transition API lets you add transitions between views of a website.

developer.chrome.com/docs/web-pla... - #CSS View transition API between pages:
```
@view-transition {
navigation: auto;
}
```

0 0 0 0

Over at SitePoint, I’m challenging the idea of “wrong CSS.”

That isn’t to say that some style sheets weren’t messy, inconsistent, bloated, over-engineered, slow—just that it’s hard to say they’re “wrong.”

Is that a fair point—or do you believe there’s something like CSS that is just… wrong?

#css

0 0 0 0
There Is No “Wrong” in CSS

There Is No “Wrong” in CSS, by @meiert.com [@frontenddogma.com]:

https://www.sitepoint.com/there-is-no-wrong-in-css/

#css #quality

0 0 0 1
Preview
Thinking Deeply About Theming and Color Naming | CSS-Tricks Today, I want to discuss a couple of patterns for naming color palettes that the community is using, and how I propose we can improve, so we achieve both flexibility and beauty.

🎨 Thinking Deeply About Theming and Color Naming

css-tricks.com/thinking-dee...

#html #css #www #web #software #programming #colors #design

3 0 0 0
Super menu pack (10 menus)

Super menu pack (10 menus)

Super menu pack (10 menus)

https://code.stylelib.org/?p=12096

#codecanyon #css #javascript #jquery

0 0 0 0
Awakari App

The Perfect CSS Styleshett Should Be… comiCSS cartoon for March 16, 2026 Continue reading on Medium »

#cartoon #humor #css #web-development #front-end-development

Origin | Interest | Match

0 0 0 0
Post image

Your frontend feels slow... but why? 🤷‍♀️

@sirpepe.bsky.social shows you how to understand what’s happening under the hood of the browser & how to fix it - with practical tweaks!

📅 Mo, 8.6.26 | 🕘 9 - 17 Uhr | #webinalewebweek |📍BER

🤓 Workshop: https://tinyurl.com/55z4jffd

#webinale  #CSS #Frontend

0 2 0 0
Preview
Accessible Text Colour with the CSS contrast-color() Function The CSS contrast-color() function lets the browser pick the most readable text colour for any background. Here is what it does, how it works, and why it matters for accessibility and the web.

Accessible Text Colour with the #CSS contrast-color() Function by @schalkneethling.com

1 0 0 0
Заголовок «Un-Sass’ing My CSS: Native CSS Nesting», фото автора, код Sass с переменной $spacing и миксином .card слева, нативный CSS с кастомным свойством и @media справа.

Заголовок «Un-Sass’ing My CSS: Native CSS Nesting», фото автора, код Sass с переменной $spacing и миксином .card слева, нативный CSS с кастомным свойством и @media справа.

Уход от Sass: нативный нестинг CSS. Стюарт Робсон рассказывает, как работает нативная вложенность CSS и сравнивает её с Sass. Он разбирает специфичность, символ &, практические отличия от Sass и примеры компонентов: алерты, карточки и формы поиска. #css

www.alwaystwisted.co...

0 0 0 0
“Un-Sass’ing My CSS: Native CSS Nesting” title, author’s photo, Sass code with $spacing variable and .card mixin on the left, native CSS with custom property and @media query on the right.

“Un-Sass’ing My CSS: Native CSS Nesting” title, author’s photo, Sass code with $spacing variable and .card mixin on the left, native CSS with custom property and @media query on the right.

Un-Sass’ing my CSS: native CSS nesting. Stuart Robson walks through how native CSS nesting works in modern browsers and compares it to Sass: specificity, the & symbol, practical differences, and component examples, including alerts, cards, and search forms. #css #learn

www.alwaystwisted.co...

1 1 0 0

Really happy to see this piece finally out in @poqjournal.bsky.social. We exploit an unexpected global news event to test exogenous measures of exposure varying in granularity. The results have implications for studies using webtracking data, particularly domain-level measures of news exposure #CSS

1 2 0 0
🎯 CSS Battle Lundi, 16 Mars 2026
🎯 CSS Battle Lundi, 16 Mars 2026 YouTube video by Olivier Maghe

🎯 CSS Battle Lundi, 16 Mars 2026
J'ai fait au mieux de mes capacités actuelles, avec pas mal de chipotages sur les pourcentages
youtu.be/LBC-fw1KASM
#CSSBattle #WebDesign #CodingLife #CSS #Frontend #WebDev #CleanCode #cssinfrench #CodeGolfing #DailyChallenge

0 0 0 0
More CSS quick tips
More CSS quick tips Step up your CSS Game: https://thecascade.dev/🔗 Links✅ Color scheme toggle video: https://youtu.be/fyuao3G-2qg✉ Keep up to date with everything I'm up to h...

Useful CSS Properties That Don’t Get Enough Attention, by @kevinpowell@front-end.social:

https://www.youtube.com/watch?v=oj9uVsdJ-8Q

#videos #css

0 0 0 0
Video thumbnail

Working on a component set for the LLC that begins with theme-able #css components

Why css? Well when you give a dev a base class ... they're gonna want an abstract factory ...

CSS skips all the ARIA headaches from re-implementing ui primitives like checkboxes, switches, radios, and sliders in JS

0 0 0 0
Original post on hachyderm.io

There was a brief era where we wrote

background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(50%, #fff), to(#c6d3f7));

rather than

background: linear-gradient(left, #fff, #fff 50%, #c6d3f7);

and to this day I still want to know how WebKit landed on such verbose […]

0 0 0 0
The perfect CSS stylesheet should be...

- Visible as display:none;
- Clear as filter:blur(50px);
- Sharp as image-rendering:pixelated;
- Always on top as z-index:-1;
- Actionable as pointer-events:none;
- Dynamic as animation-play-state:paused;
- Fast as animation-delay:1000s;
- Consistent as order:random(1,999);
- Restrained as overflow:visible;
- All-round as border-radius:0;
- Straight as text-decoration-style:wavy;
- Readable as background:currentColor;
- Bold as font-weight:100;
- Maintainable as !important.

The perfect CSS stylesheet should be... - Visible as display:none; - Clear as filter:blur(50px); - Sharp as image-rendering:pixelated; - Always on top as z-index:-1; - Actionable as pointer-events:none; - Dynamic as animation-play-state:paused; - Fast as animation-delay:1000s; - Consistent as order:random(1,999); - Restrained as overflow:visible; - All-round as border-radius:0; - Straight as text-decoration-style:wavy; - Readable as background:currentColor; - Bold as font-weight:100; - Maintainable as !important.

New cartoon: the "perfect" CSS stylesheet should be...
comicss.art/comics/242/

#css #webdev #joke

6 3 2 0
Preview
Detect at-rule support in CSS with @supports at-rule(@keyword) Back in January 2022, I wrote about an exciting new CSS Working Group decision: a function to detect at-rule support using @supports at-rule(@keyword). Fast forward to today, and the CSS Conditional Rules...

#Development #Overviews
Detect at-rule() support in CSS · A handy feature lands in Chromium 148 ilo.im/16bf5x by Bram Van Damme

_____
#ModernCSS #W3C #Specification #FeatureDetection #Chrome #Browsers #WebDev #Frontend #CSS

0 0 0 0

【Tips】CSSの新attr()は、時間の単位`s`も使えます⏳️

div {
transition-duration: attr(data-duration s, 3s);
}

要素ごとにHTMLからアニメーション時間を変えられます。
style属性で直書きとは違い、CSS側で値を制御できるのがポイントです😀
#codegrid #css

0 0 0 0
Post image

CS2 в Minecraft: Как переносили культовую игру Экскурс по переносам культовой игры в другую, не менее значимую все...

#minecraft #cs2 #csgo #css #counter-strike #сервера #моды #карты #mapping #перенос

Origin | Interest | Match

0 0 0 0
Post image

i will never get an oscar, but i dont care cause i got this! worlds best #css developer

11 1 1 0
CSS3 Compare Pricing Tables

CSS3 Compare Pricing Tables

CSS3 Compare Pricing Tables

https://code.stylelib.org/?p=19788

#codecanyon #css

0 0 0 0
Preview
Online @font-face generator This tool converts any TTF, OTF, WOFF, WOFF2 or SVG fonts to css @font-face formats with CSS and HTML sample files.

Shoutout to https://transfonter.org and the unicode-range CSS property for making it easy for me to optimise my blog's fonts. Now most pages can use a 10 KB font file instead of loading all of New Computer Modern.

#CSS

0 0 0 0
Preview
Anna Filou | Responsive images without layout shift Product/UI Designer based in Athens, working internationally.

Responsive images without layout shift: "if you’re directly setting an image’s width and height using #CSS, then the browser only uses the width and height attributes in the #HTML tag to infer its aspect ratio." annafilou.com/en/width-hei...

6 0 0 0
Preview
Build what cannot be bought, and sell what cannot be built. #ai #css #development #reading-list

🔗 Build what cannot be bought, and sell what cannot be built.

#ai #css #development #reading-list

0 0 0 0

Reacquainting myself with CSS while tinkering with my own site.

Modern CSS seems to have solved so many old issues from the past & added so many possibilities. Impressive & overwhelming at the same time 😄

If you have tips for modern references / books, let me know.

#Web #WebDev #CSS #Development

0 2 1 0
Preview
Profile Page Update: Little Updates Hello again. Its been another million eon since I’ve done any updates to my profile page, or any updates to any of my projects at all. Last month, itch app received quite a big update , where the El.....

Just updated my #itchio profile page!

itch.io/blog/1459365...
#css #webdev #devlog

5 2 1 0
Preview
Vaibhav the freelancer Web Development & HTML Projects for ₹600-1500 INR. I need a single-page personal portfolio focused entirely on an About Me section, delivered in a distinctly creative sty



#Animation #CSS #HTML #JavaScript #SEO #Web #Design #Web #Development #Webflow #Website

Origin | Interest | Match

2 0 0 0