｢ GNU Artanis is the first product-level modern Web framework of Scheme programming language. It is designed and maintained to be robust, fast, and easy to use for professional web development ｣
Aral Balkan
boosted
Why use Able Player instead of video? - Joe Dolson Web Accessibility https://www.joedolson.com/2025/07/why-use-able-player-instead-of-video/ #video #webdev #a11y #accessibility #html #webdevelopment
Roni Laukkarinen
boosted
#cssChallenge2025 How would you code this with:
✨ 1 HTML element, no JS, no SVG
✨ inner border interrupted by text box shape
✨ responsive
✨ text wraps depending on space
✨ contenteditable
✨ 1 image = the background one
(if you're Cheetah+ on Ko-fi/ Patreon, you know where to find the answer)
#CSS #cssLayout #code #coding #frontend #web #dev #webDev #webDevelopment
Text that can wrap depending on available space in the bottom left corner of a card with padding. At the limit between the card's padding area and content area, there's an inner border interrupted in the bottom left corner by the text box. The text is contenteditable.
#cssChallenge2025 How would you code this with:
✨ 1 HTML element, no JS, no SVG
✨ inner border interrupted by text box shape
✨ responsive
✨ text wraps depending on space
✨ contenteditable
✨ 1 image = the background one
(if you're Cheetah+ on Ko-fi/ Patreon, you know where to find the answer)
#CSS #cssLayout #code #coding #frontend #web #dev #webDev #webDevelopment
Text that can wrap depending on available space in the bottom left corner of a card with padding. At the limit between the card's padding area and content area, there's an inner border interrupted in the bottom left corner by the text box. The text is contenteditable.
Simple tech stacks are great for resilient and maintainable systems. Why reach for #Valkey / #Redis when you can avoid introducing another dependency by implementing caching with #SQLite triggers?
This was a fun #WebDev experiment and made me even more impressed with how capable this database is for mid-sized websites and apps.
What's your favourite example of #Minimalist#Tech?
https://samuelplumppu.se/blog/using-sqlite-triggers-to-boost-performance-of-select-count
Shoving modal overlays in people’s faces as an indicator of #webDev’s capacity for seeing site users as people
Michael Dexter
and 1 other
boosted
🫤 Tired of WebDev 🫤
Microblog, had to say googbye, so I moved my Prose blog to Ghost.io, fine. It's mostly good. Chopped up a theme to get rid of the "sign up" stuff that I don't care about. This isn't for making money and I don't care if anyone signs up. Fine, but I want comment functions.
Ghost doesn't do one thing very well: enable mastodon comment replies directly. Some JS blah later, and now I have embedded mastodon comments which can be viewed on the post and via mastodon. Great.
Oh, but Ghost has a beta ActivityPub integration. So to complicate things, here are my two Masto accounts, one with a bridge that is supposed to be useful?
- Standard: @winterschon
- Ghost Bridge: @eva
Oh you want a HTTP URL:
- Regular - Yes: https://mastodon.bsd.cafe/@winterschon
- Ghost - Broken: https://prose.winterschon.com/@eva
Doesn't work as expected. You can only get to the @eva AP profile by searching from a mastodon client for profile @eva ... annoying. Otherwise it just pulls up the usual Ghost blog site and that's it. Their implementation needs some work.
Any advice is certainly welcome.
Kat Marchán 🐈
boosted
#accessibility #webdev question:
How do you make dialog on a web page read well through a screen reader when the speaking characters aren’t labeled as they are in a stage play or movie script?
Think a chat log of text messages between two people. Visually I’d just have paragraphs alternating between left and right text alignment. But how do I get this information across through text-to-speech systems?
#accessibility #webdev question:
How do you make dialog on a web page read well through a screen reader when the speaking characters aren’t labeled as they are in a stage play or movie script?
Think a chat log of text messages between two people. Visually I’d just have paragraphs alternating between left and right text alignment. But how do I get this information across through text-to-speech systems?
🫤 Tired of WebDev 🫤
Microblog, had to say googbye, so I moved my Prose blog to Ghost.io, fine. It's mostly good. Chopped up a theme to get rid of the "sign up" stuff that I don't care about. This isn't for making money and I don't care if anyone signs up. Fine, but I want comment functions.
Ghost doesn't do one thing very well: enable mastodon comment replies directly. Some JS blah later, and now I have embedded mastodon comments which can be viewed on the post and via mastodon. Great.
Oh, but Ghost has a beta ActivityPub integration. So to complicate things, here are my two Masto accounts, one with a bridge that is supposed to be useful?
- Standard: @winterschon
- Ghost Bridge: @eva
Oh you want a HTTP URL:
- Regular - Yes: https://mastodon.bsd.cafe/@winterschon
- Ghost - Broken: https://prose.winterschon.com/@eva
Doesn't work as expected. You can only get to the @eva AP profile by searching from a mastodon client for profile @eva ... annoying. Otherwise it just pulls up the usual Ghost blog site and that's it. Their implementation needs some work.
Any advice is certainly welcome.
alcinnz
boosted
Wow! You know that #Web#Tech is getting really good when you are able to replace significant amounts of #JavaScript with a few lines of #HTML and #CSS. Best part is the fact that you get #a11y out of the box with native widgets 🙌
A few examples: <dialog closedby="any">, stylable <select> and even HTML autocomplete/typeahead using the <datalist>.
Wow! You know that #Web#Tech is getting really good when you are able to replace significant amounts of #JavaScript with a few lines of #HTML and #CSS. Best part is the fact that you get #a11y out of the box with native widgets 🙌
A few examples: <dialog closedby="any">, stylable <select> and even HTML autocomplete/typeahead using the <datalist>.
TIL that parts of the Australian web seems to be unusually unresponsive to the opportunity to use
```
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
```
Jonathan Schofield
boosted
alcinnz
boosted
#Playwright testing is very helpful for all kinds of #WebDev projects, whether you're building libraries or apps.
However Playwright is only officially supported on Ubuntu.
So after experimenting with different ways to install it on #Fedora (and other non-Ubuntu) #Linux distros in the past years, this is my favourite approach so far:
https://samuelplumppu.se/blog/install-playwright-on-linux-with-distrobox
#Playwright testing is very helpful for all kinds of #WebDev projects, whether you're building libraries or apps.
However Playwright is only officially supported on Ubuntu.
So after experimenting with different ways to install it on #Fedora (and other non-Ubuntu) #Linux distros in the past years, this is my favourite approach so far:
https://samuelplumppu.se/blog/install-playwright-on-linux-with-distrobox
Jay 🆘
boosted
It's a cool idea that the Tailwind marketing site shows tailwind classes inline to express how it works...
But, I wish they were honest about what classes they actually used. The inspector's right there lol
Here's a screenshot of the page next to a screenshot of the page showing the classes they actually apply to the heading and subtitle
A screenshot of the Tailwind site. The heading and subhead show a _ton_ of Tailwind classes above them describing the styles applied to them
A screenshot of the Tailwind site. The heading and subhead show a few Tailwind classes above them describing the styles applied to them
Jeff Sikes 🍎
boosted
Just updated Tvmarks to have a proper render.yaml file so you can go to render.com and launch a new Tvmarks instance. You really only need to set an admin password!
Currently an instance will cost $7.25 a month on render.com.
https://dashboard.render.com/select-repo?type=blueprint
https://github.com/stefanhayden/tvmarks
In the future I will record a video showing how to get it set up on render.com