Minimal CSS-only blurry image placeholders

https://leanrada.com/notes/css-only-lqip/

First Look at the Modern “attr()”, by @shadeed9:

https://ishadeed.com/article/modern-attr/

Хочеш цікаве меню на сайт у вигляді однієї картинки? У цій статті я докладно розповім, як можна легко організувати адаптивну карту зображень.

#CSS, #Front_end, #JavaScript, #Веб_розробка

https://ivaniura.org.ua/web/php-html-css/adaptyvna-karta-zobrazhen-yak-element-dekoru-sajtu

First Look at The Modern attr() from @shadeed9

https://ishadeed.com/article/modern-attr/

CSScape Room https://lobste.rs/s/9kixmk #css #web
https://csscape-room.iamdanielmarino.com/

Cascading Layouts - A workshop on resilient #CSS layouts | @OddBird
https://www.oddbird.net/workshops/cascading-layouts/

#Development #Releases
New to the web platform (March 2025) · The latest browser features at a glance https://ilo.im/1635he

_____
#Browser #Chrome #Firefox #Safari #WebPlatform #WebDev #Frontend #CSS #JavaScript #API

#Development #Guides
Simplify sharing · How to make content sharing effortless on your website https://ilo.im/16350b

_____
#Sharing #Content #Webpage #ProgressiveEnhancement #WebComponents #WebDev #Frontend #HTML #CSS #JavaScript

This explains an approach I’ve been dabbling with here and there for #CSS. Nice middle ground between “div soup” and the “all utility classes” approaches. https://jordanbrennan.hashnode.dev/tac-a-new-css-methodology #HTML

I figured out how to get my RSS feed to be human-readable and nice-looking!

I'd been wanting to do this to give people who aren't familiar with RSS an easier on-ramp to the stuff I care about.

I figure if someone new to RSS clicks on the link and just gets raw XML, they might think something is “broken” and not stick around, but now there's something human-readable and with instructions on how to follow it in a reader.

https://reillyspitzfaden.com/feed.xml

"Rewriting my site in vanilla web"

https://leanrada.com/notes/vanilla-web-rewrite/

Carousels with #CSS: "Support scroll experiences with navigation buttons and markers with just a few lines of CSS." https://developer.chrome.com/blog/carousels-with-css

#Development #Previews
First look at the modern attr() · A new way to use CSS with HTML data attributes https://ilo.im/16357k

_____
#Data #HTML #CSS #InlineCSS #CssGrid #Chrome #Browser #WebDev #Frontend #JavaScript

Hey y'all, I have a new workshop at the end of April - deepdive into modern CSS Layout techniques. Level up your team with a systemic understanding.

The intro video has a demo of #CSS grid areas. I’ll post more tips in the lead up. Early-bird pricing til April 12!

https://www.oddbird.net/workshops/cascading-layouts/

Creating Animated Accordions with the Details Element and Modern #CSS: "Learn how to create animated accordions using only HTML and modern CSS with the details element, interpolate-size, transition-behavior, and the :has() selector." https://www.builder.io/blog/animated-css-accordions

The bare minimum you need to enable View Transitions on your website: "You can achieve a basic view transition with just a few lines of #CSS and an HTML meta tag. These are progressive enhancements that won’t break in browsers that don’t support the feature." https://www.amitmerchant.com/bare-minimum-view-transitions/

Layered Text Headers, by @chriscoyier (@frontendmasters.com):

https://frontendmasters.com/blog/layered-text-headers/