#Development #Techniques
Native CSS carousels · How the new ‘::scroll-button’ and ‘::scroll-marker’ work https://ilo.im/163ms4

_____
#ModernCSS #Scrolling #Carousels #Browser #DesignPattern #WebDesign #WebDev #Frontend #CSS

Seeking an Answer: Why can't HTML alone do includes?

https://frontendmasters.com/blog/seeking-an-answer-why-cant-html-alone-do-includes/

#Development #Proposals
Third party cookies must be removed · The draft from the W3C Technical Architecture Group https://ilo.im/163k1j

_____
#Business #Privacy #Tracking #ThirdParty #Cookies #WebPlatform #Development #WebDev #Frontend #Backend

#Development #Releases
Chrome 137 beta · CSS if() function, shape() function, and more https://ilo.im/163mp7

_____
#Chrome #Browser #API #HTTP #WebDev #Frontend #SVG #CSS #JavaScript #Backend

#Business #Reports
Firefox could be doomed · Google’s antitrust trial puts Mozilla’s browser in danger https://ilo.im/163n9w

_____
#Google #AntitrustTrial #DOJ #Mozilla #Firefox #Browser #Development #WebDev #Frontend

#Development #Techniques
Revisiting image maps · Sometimes you need to look back to move forward https://ilo.im/163lr6

_____
#Maps #ImageMaps #Accessibility #WebDev #Frontend #SVG #HTML #JavaScript

#Development #Approaches
Easier layout with CSS ‘margin-trim’ · Safari’s modern solution to an ancient layout problem https://ilo.im/163m8y

_____
#ModernCSS #Layout #Margins #Safari #Browser #WebDev #Frontend #CSS

#Development #Approaches
Progressive dehancement · A new tactic to detect spam in a contact form https://ilo.im/163mws

_____
#Spam #Bots #ContactForm #Form #ProgressiveEnhancement #ProgressiveDehancement #HttpHeaders #WebDev #Frontend #Backend

Learn to Open, Edit, and Auto-Save Word Documents in React with Azure Blob Storage.

https://www.syncfusion.com/blogs/post/azure-blob-storage-in-react?utm_source=alvinashcraft&utm_medium=email&utm_campaign=alvinashcraft_blog_edmapr25

Learn to Open, Edit, and Auto-Save Word Documents in React with Azure Blob Storage. buff.ly/9HOcqh4 #react #javascript #webdev #frontend #azure #cloud #data

Effortlessly Open, Edit, and A...

Someone asked how to create such cross-browser wave dividers that keep the same height as the width changes, so here's my take on it https://www.reddit.com/r/css/comments/1kcmabf/comment/mq5ck6m/

Live on @codepen https://codepen.io/thebabydino/pen/PwwQxdb?editors=0100

`mask` is another option, but needs an extra container and container query units, so not as well supported, plus it wouldn't be exactly the same shape.

#Design #Launches
Contrast Report · A color contrast checker featuring picture-in-picture mode https://ilo.im/163lbw

_____
#Checker #Color #Contrast #Accessibility #WCAG #Development #WebDev #Frontend

Easier layout with margin-trim from @jensimmons on the webkit blog

https://webkit.org/blog/16854/margin-trim/

#Design #Launches
Design Tokens Name Generator · Design token naming conventions for your design system https://ilo.im/163l9d

_____
#Generator #Naming #DesignTokens #DesignSystems #Development #WebDev #Frontend

#Development #Launches
DeepWiki · Which repository would you like to understand? https://ilo.im/163iwd

_____
#Programming #AI #Wiki #Codebase #Repository #OpenSource #Development #WebDev #Frontend #Backend

#Development #Techniques
Curved box cutouts · A versatile and stylish design pattern made with CSS https://ilo.im/163m8r

_____
#Layout #DialogBox #WebCards #BentoBox #Design #DesignPattern #WebDesign #WebDev #Frontend #CSS

Is it common for (static) site builders, frameworks or CDNs out there to move your local CSS away to another domain?

So turning

<link rel="stylesheet" href="assets/styles.css">

into

<link rel="stylesheet" href="htttps://example.com/cdn/styles.css">

I can't think of anything unless you deliberately do it yourself, but I worry tooling out there can cause unintended CORS troubles this way.

#Development #Announcements
GSAP is now 100% free · Good news for GSAP JavaScript animators https://ilo.im/163lnu

_____
#Animation #Toolset #GSAP #Library #JavaScript #Npm #WebDev #Frontend

Want a checkerboard pattern? No need to use multiple `linear-gradient()` layers anymore. `conic-gradient()` has been supported cross-browser since 2020!

PS: if you can, upvote https://stackoverflow.com/a/65129916/1397351 to make it the top answer and get more people (and AI*) to use modern, well supported #CSS

*people will use it anyway and we don't need more outdated code out there

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

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