Wow. Diese Leser-Mail »made my day«:

»... ich habe mir vor 3 Wochen ihr Buch "Einstieg in HTML und CSS" gekauft und bin fleißig am lernen ... Sie erklären fantastisch und das mit einem Humor, der genau meinen trifft. Ich wollte einfach kurz Danke sagen!

… und nun bin ich so aufgeregt und voller Freude beim Lernen, dass ich ständig die Zeit vergesse und es kaum erwarten kann wieder aufzuwachen um weiterzumachen. Was haben Sie denn da angerichtet?«

#HTML #CSS #lernen

https://html-und-css.de/

Simple Icons
3276 icônes SVG pour les marques populaires.
Il y a même les codes couleurs

Simple Icons
3276 SVG icons for popular brands.
There are even color codes

https://simpleicons.org/

#Html #CSS #SVG #PNG
#Mastodon #Fediverse #Pixelfed #Nextcloud

#Development #Resources
StringTune · A JS library to create fast, modular web effects https://ilo.im/162dk9

_____
#Effects #Animation #Scrolling #Indicator #Cursor #Npm #WebDev #Frontend #HTML #JavaScript

CSS Tip!

A simple CSS code to smoothly stop the rotation of your element on hover. The rotation will resume smoothly on mouse-out as well.

https://css-tip.com/stop-rotation/

The HTML and DOM APIs are designed such that no script can detect the simultaneous execution of other scripts:

From the archives:

On Writing Better Markup:

https://meiert.com/en/blog/on-writing-better-markup/

Would a Zoom call where you join a handful of folks to solve #CSS and #HTML conundrums interest you? I learn something new #FrontEnd every time. Front End Study Hall on the #IndieWeb -- See you tomorrow! https://events.indieweb.org/2025/03/front-end-study-hall-023-WmHNZ7nKEp1Z

this is it, folks! we are in the final week before submissions are due for GOOD INTERNET, a new print periodical magazine about all the things that make the #web fun: things like the #smallweb, the fediverse, the #indieweb, and efforts to actively fight #enshittification. submissions are open until MARCH 15.

check the submission guidelines or sign up for email alerts to be notified when we publish in may!

https://goodinternetmagazine.com

if this is your first time hearing about this, you still have enough time to come up with and write an article or complete a digital #art piece, if you're passionate about the #internet and want to write about it! :) bloggers, it's your time to shine!~

i can't wait to show y'all the incredible stories that have been submitted from all over the 'net, and some of the coolest art i've seen about the web!

thank you to everyone who's been so supportive of this project already. this is why this side of the internet is amazing. please boost, if you can; i want to make sure i did everything i could to include as many diverse voices as i can.

thank you!

original post: https://tilde.zone/@xandra/113913277766098384

It's CSS Naked Day on April 9th - consider this toot your one month warning to get your website ready in time to promote web (html!) standards and accessibility!

I still have lots of work to do on the accessibility front but I'm ready to get naked (sfw!) - in fact I made "no CSS" a theme option on my site to keep me fully aware of any html changes I make!

https://fyr.io/post/CSS_naked_day_2025_is_next_month

The second part is live!

This time, I am using scroll-driven animation to create the star rating component! It's a good exercise to discover some modern features.

https://css-tricks.com/a-css-only-star-rating-component-and-more-part-2/ via @csstricks

Single element and 100% CSS magic!

Today I ran across @ricmac and his new, truly expansive piece on the history of (the admittedly centralized) GeoCities and its origins.

I had a GeoCities site myself in the 90s (that is sadly lost to time now), and I didn't know all this wild history Richard dug up for this.

A must-read if you're into the whole 90s early web thing: https://cybercultural.com/p/geocities-1995

DeepSeek and HTML:

“What is the most minimal valid HTML document?”, DeepSeek-R1 edition.

https://meiert.com/en/blog/deepseek-and-html/

Do you want a ribbon shape for your next project? I have created more than 100 different designs!

https://css-generators.com/ribbon-shapes/

One element per shape
Optimized with CSS variables
One-click to copy the code

I’ve been recommending `<video>` elements for short-form, looping, inline clips (GIFs, etc.) for a while. The biggest pain point I hear from folks is the lack of an `alt` attribute.

Last week I made an issue for that: https://github.com/whatwg/html/issues/11080

Could probably use more reactions/discussion?

CSS Tip!

One property and two gradients to add a transparent inner border to image elements.

https://css-tip.com/inner-border/

Also: what would deem the best semantic #HTML structure for displaying #Webmentions? Are they an ordered list? A few <p>s? What about <article>s, maybe inside a <section>? Or just a lazy bunch of <div>s ()? #indieweb

Using the XML syntax for HTML is…

just under TWO WEEKS until the submission deadline for Good Internet magazine!

Good Internet launches in May 2025. it's a volunteer-run, not-for-profit print and digital quarterly magazine for personal website owners and those interested in using the internet as a means of self-expression, art, and recreation.

we're looking for 1,500 to 4,000 word articles about anything for that audience!

this means #webdev hobbyists, digital (and traditional) #artists, #internet culture enthusiasts, #technology nerds, #socialmedia expatriates, & anyone who wants to unplug from the corporate-owned #web.

topics could be:

* internet history
* personal websites & blogs
* #accessibility on the #indieweb
* finding inspiration for a #blog
* #webdesign trends (current or old)
* running from the #enshittification of the web
* lessons or post-mortems from web projects
* news or overviews of #opensource projects
* #privacy on the indieweb

also looking for any #art submissions centered around the web, coding, internet culture, and digital art!

if it relates to hobbies on "this side of the web," we probably want to run it!

you can have your article submitted as text and images only OR you can code a whole webpage that helps tell your story!

if you're interested in learning more, sign up for our email list or check out the submission guidelines @ https://goodinternetmagazine.com!

(please boost if you can! <3 getting the word out helps so much!)