Show Navigation
Notices tagged with webdesign
-
"web joy" — the joy you experience when visiting a website with joyful content and/or have a joyful experience (as a user) on a website, or the joy of creating such a website.
During the beyond tellerand conference this past week, someone mentioned “responsive web design” and having just completed IndieWebCamp Düsseldorf, the thought popped in my head that joyful web design should be a named thing, since many of us spent the weekend at IndieWebCamp doing just that.
I mentioned it to @jamesg.blog at a break between talks, we discussed it a bit and agreed that joy is a good motivator, and as creatives we both like creating things that are joyful to experience, and ideally joyful to create.
James blogged it before I got around to it: https://jamesg.blog/2026/05/01/joyful-web-design
That and a zoom chat today was inspiration to name that specific joyful experience “web joy”.
It’s a nod to “moon joy”, a mere weeks old phrase many have heard and been inspired by, coined by Mission Control science officer Angela Garcia, and transmitted (spoken) by CAPCOM on shift, Jacki Mahaffey, in reply to the Artemis II astronauts on mission (as noted in a NASA AMA: https://www.reddit.com/r/nasa/comments/1stjt7m/comment/ohw9g9l/). You can hear the “Copy, moon joy.” expression in context at the start of this video: https://www.youtube.com/watch?v=LHUvedAssyE
Much thanks to James for his encouragement to blog “web joy”.
#webjoy #btConf #beyondTellerrand #webDesign #IndieWebCamp #indieweb
-
20 years and two weeks ago, I came up with undohtml.css and unknowingly invented the mechanism of CSS Resets (AKA reboot or reset style sheets¹) which spawned numerous variants, many still in broad use on the web today.
https://tantek.com/log/2004/09.html#d06t2354
A one sentence problem description, and a short paragraph describing my problem-solving, actions, license, link to less than 300 bytes of code (not counting comments), and a few future thoughts.
The rest of that blog post was about “debug scaffolding”, the part I thought was more interesting at the time.
Eric Meyer (@meyerweb.com @meyerweb@mastodon.social) followed up ~10 days afterwards with his thinking and improvements:
* https://meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/
where he mentioned “resetting” in passing, but not actually calling it a "reset".
~2.5 years later Eric published “Reset Styles” with further reasoning and improvements:
* http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/
describing them as: “reset” or “baseline” set of styles.
Subsequently he iterated in several more blog posts:
* http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/
* http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/ — this is Eric’s first post where he explicitly calls them “reset styles”, which I believe is the origin of the eventual phrase “CSS Reset” and “reset style sheets”
* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ (yes a Matrix: Reloaded reference)
~6 months later Eric published his evergreen resource “CSS Tools: Reset CSS”
* https://meyerweb.com/eric/tools/css/reset/
which, as you see within the URL: “css/reset”, is perhaps where the phrase “CSS Reset” comes from, and it’s also the label (link text) he gives that page in his UI about-page² and the first content link in his 404 page³.
My technology invention takeaways from all this:
1. if you find yourself repeatedly solving the same (especially annoying) problem, create a re-usable solution that works for you
2. write up your problem statement / use-case in only one sentence
3. publish your solution (on your personal site⁴), name it something short, with only a short paragraph description, and re-use/remix friendly license (like Creative Commons)
And things not to worry about (that may get in your way to publishing):
1. perfecting or making your solution “big enough” or “the right size”. does it solve your problem? then it’s already the right size.
2. coming up with the perfect name. instead, name it what it does. someone might come up with a better name weeks, months, or years later. let them run with it!
3. waiting to blog multiple things. I could have blogged undohtml.css by itself, probably should have, and instead lumped it into a blog post with another CSS thing I came up with.
Further reading and resources for CSS Resets:
* More history: https://css-tricks.com/reboot-resets-reasoning/
* Large collection: https://perishablepress.com/a-killer-collection-of-global-css-reset-styles/
References:
¹ https://en.wikipedia.org/wiki/Reset_style_sheet
² https://meyerweb.com/ui/about.html
³ https://meyerweb.com/404
⁴ https://indieweb.org/
#undoHTML #undoHTMLCSS #reset #CSSreset #resetstyles #webdesign #technology #invention #indieweb
-
Dear Web developers, this is your goal: http://motherfuckingwebsite.com/ #webdesign #doingitright #itworks
-
Dear Web developers, this is your goal: http://motherfuckingwebsite.com/ #webdesign #doingitright #itworks
-
Avant il y avait les popups à l'ouverture d'une page Web... maintenant il y a les fenêtres modales, et cela me saoule !!! #webdesign #ux
-
Avant il y avait les popups à l'ouverture d'une page Web... maintenant il y a les fenêtres modales, et cela me saoule !!! #webdesign #ux
Tantek
arielmt
webatou
All stadeus content and data are available under the