Using CSS to Add A Reading Progress Bar To My Site
Author: Ben Tasker
Using CSS to Add A Reading Progress Bar To My Site
Author: Ben Tasker
⚠️ DEPRECATED: <nobr>
Prevents the text it contains from automatically wrapping across multiple lines.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/nobr
Hoy en mi blog hablo sobre los cambios de diseño en el mismo y cómo se ajusta aún más a la conocida #websencilla, se elimina todo rastro de javascript y se deja tan solo el #html con un poco de #css
https://notxor.nueva-actitud.org/2026/03/29/cambios-en-el-blog.html
Hoy en mi blog hablo sobre los cambios de diseño en el mismo y cómo se ajusta aún más a la conocida #websencilla, se elimina todo rastro de javascript y se deja tan solo el #html con un poco de #css
https://notxor.nueva-actitud.org/2026/03/29/cambios-en-el-blog.html
Mike[TM]Smith AKA Sideshowbarker – fireside
talking #WebStandards #W3C #Browsers #HTML #ARIA #Japan #politics
https://html5accessibility.com/stuff/2026/03/29/miketmsmith-aka-sideshowbarker-fireside/
Some little details I'm happy with:
- The volume level changes the speaker animation scale
- The display has a nice animation (Possible flicker effect too to make it more screen like, but I turned it off for now)
- I like the hover effect on the album covers (need to look into why image gets a bit blurry tho) - All done with just CSS.
- The record itself is entirely CSS too, with a repeating-linear-gradient() making the markings on the record.
Weekend project progress 🔊
- Album meta data display
- Buttons with some sfx
- Volume Control
- Arm/Record animation
- 30 second music previews via iTunes API.
<map>
Used with area elements to define an image map.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/map
Welcome to this week’s The Programmer’s Fulcrum.
It’s your weekly review of the essential news in the Open Media Network and Fediverse development communities with a focus on devastating big tech via Techno Anarchism. We aim to provide actionable content you can use to destroy Techno Feudalism each week. It has the additional benefit of weakening authoritarianism.
IMHO, the best way to do […]
https://newsletter.mobileatom.net/the-programmers-fulcrum-27-march-2026/ #ActivityPub #ATProto #Beaver #bluesky #Bonfire #bridgyfed #Calibre #CSS #docker #Drupal #Elena #FediSuite #fediverse #FunkWhale #git #GitHub #GNOME #grapheneos #Gutenberg #Holos #HTML #HumanJson #javascript #Krita #Linux #loops #Madblog #Markdown #Mastodon #Movim #OMN #OpenShot #p2p #PostmarketOS #redis #RSS #SailfishOS #Slidge #Snac #Thunderbird #Vim #Voxit #WordPress #XMPP #xWiki
The <p> HTML element represents a paragraph. Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but HTML paragraphs can be any structural grouping of related content, such as images or form fields.