shopify embracing web components. lightdom web components no less.
love to see it.
shopify embracing web components. lightdom web components no less.
love to see it.
Web #Developers and #HTML touchers, which wins?
CSS Tip!
Create an arc shape with rounded edges using shape() and arc commands. Another shape made easy using shape() (I know, it's a lot of "shape" in the post )
https://css-tip.com/arc-shape-rounded/
And look at that if() statement
If you can use shorthands in CSS, and arrow functions and ternary operators in JavaScript, you can also omit optional tags and quotes in HTML:
A return to late 90s WYSIWYG #webdev ala Frontpage or Dreamweaver that Figma sites push with their ridiculous non-semantic <div> soup is oddly worse for LLMs than semantic markup.
I can only imagine that we as in industry rather than rejecting this move will move forward anyway & once we see the AI downsides layer on more tech to creating a parallel /ai site with text or semantics buried in a JSON or light #HTML sans presentation and the solution complexity circle will continue.
Playing around with simulating old school dot matrix (and impact printer!) printer paper with the perforations and the registration holes and everything. #CSS #HTML #DotMatrix https://codepen.io/artlung/pen/ZYYNJOx
(with improved color from @Meyerweb ) (and alternate color from @tantek.com )
coming soon to my blog
hear me read my posts aloud and follow along with the text (that second part took me forever to figure out)
just another small way to make my blog feel a little more personal to me
The Hidden Gold of Web Accessibility: Everything About ARIA Labels
Code & development
Dive into ARIA labels for web accessibility and enhance your skill set. Unveil their potential, discover best practices, and how to avoid pitfalls.
Tuesday! Front End Study Hall! Come learn a thing or two about websites: #HTML & #CSS and the beautiful soup they produce. An #IndieWeb event. https://events.indieweb.org/2025/05/front-end-study-hall-028-FnCziY2O2Fd9
I started building out a page to better showcase some of the #gamedev work I typically share here. Not only can I show off my terrible #gamedev skills but also my equally terrible #html and #css. :-D
"Sam Altman's AI army is laughing its silicon balls off while you're knee-deep in React's virtual DOMshit, praying your app doesn't choke on its own bloated corpse. This isn't progress. It's a fucking tragedy. You've got a shiny new Ferrari in your garage, and you're still riding a rusty tricycle with a flat tire. Grow the fuck up."
One of the things in my digital garden is this set of tutorials on webmentions:
https://reillyspitzfaden.com/digital-garden/tutorials/webmention-tutorial/
I noticed I kept writing blog posts about them (and realized I would probably keep doing that for a while!) and decided to put everything in one place.
You can use the table of contents (also a new site feature!) to hop around and choose the tutorial you want, and the first two are pretty easy even with only a small amount of HTML experience.
Few companies are brave enough to take this stand:
"We’re fed up of working in an industry model that’s purpose is to make the Rich richer."
Way to go @piccalilli!
New CSS Article!
My first article about using shape() is live. I am officially a shape() spammer so get ready
https://frontendmasters.com/blog/creating-flower-shapes-using-clip-path-shape/
Learn the "arc" command by creating flower-like shapes.
Today I learned about the `plaintext-only` value for #HTML’s `contenteditable` attribute. Using it keeps your editable elements from getting all mangled when you paste styled text into them! https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/contentEditable
I've just finished reading this blog post regarding the markdown Syntax by RL Dane
He is also given a brief history of the Computing Hardware and software that he has used ever since he was a little Padawan.
The blog post is just a few minutes to read and you shall learn something good from it.
TLDR is; use {smackdown} markdown for everything you write that needs formatting and be truly platform independent in your formatted text creation.
When you truly understand what he means, it is literal total freedom with formatted text and you don't even need to learn tex or LaTeX, since you will not be writing a book.
When you do that you will have to read my posts regarding tex and LaTeX, and those are blog posts I haven't released.
For me markdown has been important, ever since I was working on waffle bulletin boards many many decades ago
*Bold* _underline_ /italic/ was the syntax that we used back then.
Our waffle bulletin board had a special text formatting routine which Made these codes look like they were actually bold underline and italic when we were viewing those emails.
On the #AmIRC channel on Dalnet we also had a formatting routines for our clients, mine was AmIRC that converted these codes in a similar fashion.
So in true Essence markdown has been with us for a very very long time; we just didn't call it markdown then but we made sure that our text formatting had nothing to do with the computer platform we happen to be typing on.
https://rldane.space/why-i-love-markdown.html