Discover and read the best of Twitter Threads about #html

Most recents (4)

Got a question in one of the interviews about how does HTML page load, as in, how the resources are actually being fetched from top to bottom and their execution?

Starting a thread about it here.

#FailedInterview #javascript #html
Not all resources in the HTML are blocking.

For example, CSS and other static assets are non-blocking.

However, JavaScript is blocking unless it's used with async or defer.
This whole process is all about two things, "Fetching" and "Parsing".

The browser fetches the resource first and then start the parsing.

However, fetching and parsing happens in parallel for multiple resources.
Read 10 tweets
Aujourd’hui, les #WCAG ont 20 ans ! 🎉🎂
Pour fĂȘter ça, voici un p’tit zrĂšd #accessibilitĂ© web oĂč je vais donner une recommandation par jour, en espĂ©rant que ça serve Ă  qlq personnes.
Il sera question ici d’accessibilitĂ© et pas nĂ©cessairement de conformitĂ©.
On commence par UX-UI.
👀 VisibilitĂ© du texte
Un ratio de contraste d’au moins 4,5 avec la couleur qui l’entoure est nĂ©cessaire.
TolĂ©rance d’au moins 3 pour du “grand” texte (rendu Ă©quiv. Ă  au moins 24 px ou 18,5 px pour du texte en gras) et les graphs / pictos non dĂ©coratifs.
Une échelle graduée de 1 à 21 avec le curseur sur 4,5. En dessous c'est pas bon, au dessus c'est bon.
Read 79 tweets
This year for #merryCSSmas I'll be covering some of the most requested styling features and how they can be used with CSS. This will be a month-long series showing ways that simple, valid CSS, and simple JavaScript functions can work together to style anything you can imagine!
Dec 1: Parent Selector 🎄🎁 Though CSS doesn't have a :parent selector, you can create your own with a small JavaScript function and use a selector like [--parent] in your CSS stylesheets today!

demo: codepen.io/tomhodgins/pen

code: npmjs.com/package/jsincs


#css #javascript Supporting your own parent selector in CSS with [--parent]
Dec 2: The :has() Selector ⭐✚ Even though this selector has been specced in CSS for years, no browsers support it yet. Thankfully it's easy for us to support with a selector like [--has] in our CSS

demo: codepen.io/tomhodgins/pen

code: github.com/tomhodgins/jsi


#rwd #webdesign
Read 21 tweets
One of the best gift I have ever had on my birthday. This is really nice when you get a gift from your mentee, the gift explaining the topic on which you mentored on.
Explaining the box model (the most important topics on HTML, CSS) just by wrapping the gift in different layers.
Thank you so much @kml_1326. Here chocolate box is the real content. The immediate yellow box before the chocolate box contains the padding area and the border. The blue box represents the margin outside border. The big yellow box is the bigger area in which the box is placed.
Read 3 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just three indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!