Inautilo11h ago

#Development #Techniques
Entry and exit transitions with modern CSS · Techniques for transitions and view transitions https://ilo.im/16de22

_____
#ModernCSS #Transitions #ViewTransitions #Animations #APIs #WebDev #Frontend #HTML #CSS #JavaScript

Entry And Exit Transitions With Modern CSS

Learn how to do enter and exit CSS transitions using @starting-style, animate discrete properties like display, and use the View Transition API for smooth layout animations.

Joy of Code
Inautilo3d ago

#Development #Techniques
Making RSS more human readable · “Owning a website means owning the little connective pieces too.” https://ilo.im/16d5se

_____
#Readability #RSS #XML #WebFeeds #Content #Websites #Blogs #IndieWeb #SmallWeb #Eleventy

Improving My RSS Feed and Making It More Human Readable

I cleaned up my site's web feed so feed readers get better post content and images, while humans who open the feed in a browser get something that feels like part of the site.

CybersecKyle
Inautilo6d ago

#Development #Techniques
Using AI to write better code more slowly · “Try this other, slower style of ‘vibe coding.’” https://ilo.im/16d7sk

_____
#Programming #Coding #Debugging #CodeReviews #Workflows #WebDev #Frontend #Backend

Using AI to write better code more slowly

A lot of people seem convinced that the point of AI coding is to write low-quality code as fast as possible. Spew out barely-passable slop, open massive PRs, and merge them unvetted. Ship it! But t…

Read the Tea Leaves
Frontend DogmaMay 25

Not All Hidden Content Is Equal: How Different Hiding Methods Impact Accessibility, by (not on Mastodon or Bluesky):

https://vispero.com/resources/not-all-hidden-content-is-equal-how-different-hiding-methods-impact-accessibility/?ref=frontenddogma.com

#accessibility #hiding #css #html #aria #attributes #techniques #comparisons

Not All Hidden Content Is Equal: How Different Hiding Methods Impact Accessibility - Vispero

Akash Shukla explores the impact different methods of hiding digital content have on accessibility.

Vispero
Frontend DogmaMay 24

A Few Ways of Specifying Per-Theme Colours in Only CSS, by (not on Mastodon or Bluesky):

https://chrismorgan.info/css-themed-colours?ref=frontenddogma.com

#html #css #darkmode #colors #techniques

InautiloMay 18

#Development #Techniques
Better fluid sizing with CSS round() · Using round() to make fluid sizing more predictable https://ilo.im/16d0r2

_____
#ModernCSS #Layouts #Typography #Design #WebDesign #FluidDesign #WebDev #Frontend #CSS #CssClamp

Better fluid sizing with round()

Using the round() function to get a more predictable fluid sizing.

InautiloMay 16

#Development #Techniques
Avoid using CDATA in RSS · The case against CDATA in modern web feeds https://ilo.im/16cty8

_____
#WebFeeds #RSS #Atom #XML #CDATA #Websites #SmallWeb #IndieWeb #WebDev #Backend

Avoid using "<![CDATA[ ... ]]>" in RSS

"<![CDATA[ ... ]]>" is often used in feeds to escape XML special characters. However, it can cause issues in some edge cases.

WaspDev Blog
Hacker NewsMay 15

How to Write to SSDs [pdf]

https://www.vldb.org/pvldb/vol19/p1469-lee.pdf

#HackerNews #SSD #Writing #Techniques #Storage #Optimization #DataManagement #PDF #Guide

Hacker NewsMay 8

Dithering with CSS

https://ikesau.co/blog/dithering-with-css/

#HackerNews #Dithering #CSS #WebDesign #Coding #Techniques #CreativeCoding

dithering with css | ikesau.co

The website of Ike Saunders

Guitar World [Unofficial]May 7

The simple trick that adds sparkle to your songs: Nashville Tuning explained

https://fed.brid.gy/r/https://www.guitarworld.com/lessons/techniques/nashville-tuning-explained