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

This is a good reminder for me to add some more comments into my website's HTML

“Let’s build websites that are source-readable by humans and let’s help people learn how to build websites. I believe it will also help us build websites that are using the correct semantic HTML elements, are more accessible and are not just div soup.”

https://hamatti.org/posts/view-source-explorers-welcome/

I scream with the rage of a thousand suns.

It only took 6 months of casual Neocities usage to enjoy writing my HTML/CSS from scratch better than using Wordpress.

A lot of life opportunities work just this way. #html

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

Currently working on a project that involves going back to raw #html and #css. No page builders, JS or frameworks.

It's been a long time so I'm brushing up - yes, there are a lot of fancy features coming out (and I can't wait to try them out) but the core of HTML is still there, being awesome.

It's been too long. Everyone should go and build something in HTML right now.

I have an intense desire to just ‘know stuff’

Have you ever needed to understand how capillary action works and how it makes a fountain pen write?

(Then you totally get where I’m coming from)

This morning I was writing notes on #Python classes. I’ve come across the concept before, but never dived in or fully understood..until now!

The irony is I was writing in #HTML and #JavaScript the rest of the day, though my inky pen pals helped me with that, too! #fountainpen #coding #programming

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!

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/

A new animated single-element toggle switch for the collection: rain
https://codepen.io/alvaromontoro/full/MYWmppe

CSS Tip!

Save this code for the future! A CSS-only way to read the value of an input range without the need for JavaScript. Powered by modern features (scroll-driven animations, attr(), @​​​property)

More detail & Examples: https://css-tip.com/value-input/

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

TIL that you can link to arbitrary text in a html page using a special anchor standard called Text Fragments: https://developer.mozilla.org/en-US/docs/Web/URI/Reference/Fragment/Text_fragments

example:

https://developer.mozilla.org/en-US/docs/Web/URI/Reference/Fragment/Text_fragments#:~:text=The%20issue%20with%20linking%20to%20specific%20document%20fragments

Thanks to @semanticist