224 private links
THE HTML standard.
Reading it from time to time can only help to become a better web developer.
loading=lazy
attribute to defer the loading of the image until the user scrolls to them<datalist>
element to create native HTML autocomplete- Email, call and SMS links
- Ordered lists
start
attribute to change the starting point of an ordered list. <input type="reset" />
to get a clear button for the forms<meter>
element to display quantitieswindow.opener
returns the original page of atarget="_blank"
. This can have security and performance implications. Includerel="noopener"
orrel="noreferrer"
to prevent this.<base target="_blank">
in the<head>
to open all links in the document in a new tab.- Favicon cache busting by adding a
?v=2
to the link of the favicon <details><summary>Summary</summary><p>Details</p></details>
download
attribute to a link download the file instead of navigating to it- Use the
webp
image format to boost performance - Use the
poster
attribute to specify an image to be shown while the video is downloading, or until the user hits the play button - Use the
spellcheck
attribute to define whether the element may be checked for spelling errors.
👍
10 exemples de balises HTML sous-utilisées !
Comment créer un simple Web Component ?
HTML is too often forgotten in this case
❤️
About CSS
You are the visual translation of information. What good is all the information in the world if we can’t easily understand it? You hold the keys to hierarchy and contrast and layout, the keys to visual communication.
Underestimated tag !
It is easy to build on top of it to have a nice dropdown element, etc...
Oh shit ! Using HTML instead of a lot of Javascript. Need to be tested.
with Wkhtmltopdf : https://wkhtmltopdf.org/
Keep it easy, easy peasy
In a summary:
Don't use placeholder text.
Don't use disabled form fields and buttons, whenever possible.
Don't make multi-column forms.
Do make sure labels and instructions are always visible.
Do put your labels and instructions above text fields.
Do make sure your labels, inputs, and any help text are associated properly.
Do make sure all text meets WCAG colour contrast requirements.
Sur la bonne utilisation des formulaires
Attention, un prochain outil va apparaître rien que pour cela dans 3, 2, 1
A transparent page that shows how it is itself built 😄
A list of images for the page 404
OMG ! 😍
It looks legit to me. I have to give it a try.