🧵 A thread
1.1 [#parsing" target="_blank" rel="noopener" onclick="event.stopPropagation()">developer.mozilla.org]
1.2 [w3schools.com]
1.3 [htmlquick.com]
1.4 [developer.mozilla.org]
Populating the page: how browsers work - Web performance | MDN
Users want web experiences with content that is fast to load and smooth to interact with. Therefore,...
HTML Elements
W3Schools offers free online tutorials, references and exercises in all the major languages of the w...
What's in the head? Metadata in HTML - Learn web development | MDN
That marks the end of our quickfire tour of the HTML head — there's a lot more you can do in here, b...
2.1 [#semantic_elements" target="_blank" rel="noopener" onclick="event.stopPropagation()">developer.mozilla.org]
2.2 [freecodecamp.org]
3. [#the-p-element" target="_blank" rel="noopener" onclick="event.stopPropagation()">w3.org]
4.1 [w3schools.com]
Semantics - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
In programming, Semantics refers to the meaning of a piece of code — for example "what effect does r...
Semantic HTML5 Elements Explained
Semantic HTML elements are those that clearly describe their meaning in a human- and machine-readabl...
HTML Text Formatting
W3Schools offers free online tutorials, references and exercises in all the major languages of the w...
4.3 [#inline_text_semantics" target="_blank" rel="noopener" onclick="event.stopPropagation()">developer.mozilla.org]
Links:
5. [html.com]
HTML elements reference - HTML: HyperText Markup Language | MDN
This page lists all the HTML elements, which are created using tags.
HTML elements reference - HTML: HyperText Markup Language | MDN
This page lists all the HTML elements, which are created using tags.
6.1 [w3schools.com]
6.2 [w3schools.com]
6.3 [web.dev]
6.4 [developer.mozilla.org]
6.5 [developer.mozilla.org]
HTML Images
W3Schools offers free online tutorials, references and exercises in all the major languages of the w...
HTML img tag
W3Schools offers free online tutorials, references and exercises in all the major languages of the w...
Lazy loading images
This post explains lazy loading and the options available to you when lazy loading images.
: The Picture element - HTML: HyperText Markup Language | MDN
The HTML element contains zero or more elements and one element to offer alternative versions of an...
Responsive images - Learn web development | MDN
That's a wrap for responsive images — we hope you enjoyed playing with these new techniques. As a re...
7.1 [w3schools.com]
7.2 [developer.mozilla.org]
7.3 [developer.mozilla.org]
7.4 [developer.mozilla.org]
7.5 [developer.mozilla.org]
8.1 [developer.mozilla.org]
8.3 [#attributes_for_form_submission" target="_blank" rel="noopener" onclick="event.stopPropagation()">developer.mozilla.org]
8.4. [developer.mozilla.org]
HTMLFormElement: submit event - Web APIs | MDN
The submit event fires when a is submitted.
HTMLElement: input event - Web APIs | MDN
The input event fires when the value of an , , or element has been changed.
Event.preventDefault() - Web APIs | MDN
The preventDefault() method of the Event interface tells the user agent that if the event does not g...
HTMLElement: change event - Web APIs | MDN
The change event is fired for , , and elements when the user modifies the element's value. Unlike t...
: The Form element - HTML: HyperText Markup Language | MDN
The HTML element represents a document section containing interactive controls for submitting inform...
Client-side form validation - Learn web development | MDN
Client-side form validation sometimes requires JavaScript if you want to customize styling and error...
8.6 [w3schools.com]
Events:
9.1. [developer.mozilla.org]
9.2 [developer.mozilla.org]
9.3 [developer.mozilla.org]
9.4 [developer.mozilla.org]
9.5 [section.io]
9.6[javascript.info]
HTML input type="reset"
W3Schools offers free online tutorials, references and exercises in all the major languages of the w...
Window: beforeunload event - Web APIs | MDN
The beforeunload event is fired when the window, the document and its resources are about to be unlo...
Window: load event - Web APIs | MDN
The load event is fired when the whole page has loaded, including all dependent resources such as st...
11.1 [youtube.com]
11.1 [youtube.com?]
11.1 [youtube.com]
11.2 [developer.mozilla.org]
11.3 [javascript.info]
11.4 [youtube.com]
11.5 [samanthaming.com]
YouTube
Enjoy the videos and music you love, upload original content, and share it all with friends, family,...
Scheduling: setTimeout and setInterval
We want to make this open-source project available for people all around the world. We may decide to...
window.location Cheatsheet | SamanthaMing.com
The window.location object can be used to get information on the current page address (URL). You can...
12.1 [developer.mozilla.org]
12.2 [developer.mozilla.org]
12.3 [developer.mozilla.org]
12.4 [developer.mozilla.org]
12.5 [developer.mozilla.org]
12.6 [developer.mozilla.org]
12.7 [developer.mozilla.org]
Web Storage API - Web APIs | MDN
The Web Storage API provides mechanisms by which browsers can store key/value pairs, in a much more...
URLSearchParams - Web APIs | MDN
The URLSearchParams interface defines utility methods to work with the query string of a URL.
Geolocation API - Web APIs | MDN
The Geolocation API allows the user to provide their location to web applications if they so desire....
Resize Observer API - Web APIs | MDN
The Resize Observer API provides a performant mechanism by which code can monitor an element for cha...
HTML Drag and Drop API - Web APIs | MDN
HTML Drag and Drop interfaces enable applications to use drag-and-drop features in browsers.
History API - Web APIs | MDN
The DOM Window object provides access to the browser's session history (not to be confused for WebEx...
Intersection Observer API - Web APIs | MDN
The Intersection Observer API provides a way to asynchronously observe changes in the intersection o...
12.9 [developer.mozilla.org]
Full list of HTML elements:
[developer.mozilla.org]
Fetch API - Web APIs | MDN
The Fetch API provides an interface for fetching resources (including across the network). It is a m...
Notifications API - Web APIs | MDN
The Notifications API allows web pages to control the display of system notifications to the end use...
HTML elements reference - HTML: HyperText Markup Language | MDN
This page lists all the HTML elements, which are created using tags.
If you enjoyed reading this thread, feel free to retweet the first tweet, and consider following me (@_georgemoller) for more related content.
Have an awesome day!
Loading suggestions...