It's live!

HTML and CSS simple tips and tricks for your website. :cooldog:

The goal is to help you with easy tricks to make the HTML of your website accessible, readable by everyone and optimized for low bandwidth. I cover a LOT of things in these 20+ pages of text and I still need to add one or two more.

I'll share some parts in the next days, thanks for everyone who took time to proofread this huge beast. :tealheart:

The goal with this project is not to teach HTML from scratch but to give TLDR answers on the most common questions on good practices. It's aimed towards people that use HTML but don't really know it. If you want to do better, I think it can help.✊

Show thread

@cblgh You're welcome! Sometimes I can't remember things too so it's good to have them written. 😅

@electret Thanks! Yes the split was badly needed. It allowed me to take individual parts more easily too. :)

@thomasorus thanks for making this. I look forward to reading it.

@thomasorus Nice! When I was first starting to make websites, I did a lot of stupid stuff that made my sites far heavier than they needed to be. It took me an incredibly long time to learn better practices because of how all the stuff on improving sites in this way were scattered in different areas of the web, which caused me to miss essential things that I didn't even know existed. Having a collection of advice in one place is going to be very useful for a lot of people. 👍

@thomasorus might wanna re-check your markup, there're a few extra " and things hiding in there ;-)

@thomasorus I think Masto will scrub HTML tags, but I can give you line numbers?

html-tips.html lines 70, 77, 89 were the ones I spotted

It's telling me line 141 has an error, but I don't know about using SVG, maybe the colon at the end of the SVG element? That seemed to turn-up on other pages too.

:lsd_sumor: Compulsive 'view source'-er :lsd_sumo:

Sign in to participate in the conversation

Merveilles is a community project aimed at the establishment of new ways of speaking, seeing and organizing information — A culture that seeks augmentation through the arts of engineering and design. A warm welcome to any like-minded people who feel these ideals resonate with them.