#Development #Explorations
Decoding vibe coding · Hype, hope, and hard truths for developers https://ilo.im/16356l

_____
#Programming #Coding #VibeCoding #AI #GenerativeAI #WebDev #Frontend #Backend

Saw the header here https://mastodon.social/@sturobson@front-end.social/114279126167674533 and had to make a version that works without JS, works with image backgrounds behind the header, works for any level of page zoom and is fully flexible when it comes to following the text wrapping on resize.

Play with it on @codepen https://codepen.io/thebabydino/pen/MYWxeew

Minimal CSS-only blurry image placeholders

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

First Look at The Modern attr() from @shadeed9

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

#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

#Development #Tools
GodSVG · An open-source editor for Scalable Vector Graphics https://ilo.im/16331x

_____
#SVG #Editor #Browser #OpenSource #Linux #MacOS #Windows #WebDesign #WebDev #Frontend

#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

Wow if you are a #frontend or #CSS nerd, then come for the in-depth on anchor tags, stay maybe for the site design which is nice.

https://thirty-five.com/overengineered-anchoring

#Development #Explorations
Forbidden request headers · Some request headers are more trustworthy than others https://ilo.im/16333j

_____
#Specification #HttpHeaders #Browser #JavaScript #FetchAPI #XMLHttpRequest #CloudflareWorker #WebDev #Frontend #Backend

Minimal #CSS only blurry image placeholders

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

How AI Agents Are Quietly Transforming Frontend Development: https://thenewstack.io/how-ai-agents-are-quietly-transforming-frontend-development/ via @thenewstack #frontend

#Business #Announcements
Making :visited more private · Chrome addresses a decade-old security issue https://ilo.im/1634nq

_____
#Links #Chrome #Browser #BrowserHistory #Privacy #Security #Development #WebDev #Frontend #CSS

#Business #Announcements
Making :visited more private · Chrome addresses a decade-old security issue https://ilo.im/1634nq

_____
#Links #Chrome #Browser #BrowserHistory #Privacy #Security #Development #WebDev #Frontend #CSS

#Business #Guides
Comparing WCAG, EAA, and EN 301 549 · What they mean for businesses/organizations worldwide https://ilo.im/1633sg

_____
#Accessibility #Standards #Legal #WCAG #EAA #EN301549 #Development #WebDev #Frontend

#CSS #typography ... uh, wow. If you only sort of know what this is or if you know what it is a lot, this is well worth the watch. Bookmarking for my students!

#frontend #UI

https://youtu.be/WdBNYcWG0Yg?si=rdYPFYVjVPgZTm0I

ICYMI

new article alert

Today we look at creating multiple themes for one brand (like a personal website)

Creating Multiple Themes with Style Dictionary

https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-10

#FrontEnd #WebDesign #WebDev
#DesignTokens #DesignSystems

What types of accessibility are limiting people to use digital products? And how can we help to reduce barriers to create an open web?

At our last community meetup, our colleague @mvsde introduced the topic of digital accessibility. The recording of their session is now available on our YouTube channel. Watch the full video here: https://youtu.be/aTZVdXt9HnQ?si=H_CZ3JdkmQIvcmds

#Development #Approaches
Automated visual regression testing · How to use Playwright’s visual comparison feature https://ilo.im/1631eh

_____
#Automation #Testing #VisualRegression #Playwright #Screenshots #Browser #WebDev #Frontend