Examples

HTML

• Squelette HTML

CSS

• Squelette Inline CSS
• Squelette External CSS
• Chargement d'une font custom
• Symboles après les liens avec ::after
• Media Queries
• Centered content
• Center div with flexbox
• Looping video background
• Text multicolumn
• Dark mode with variables
• Responsive text
• CSS Two Col Sticky
• SVG CSS Styling

JS

• Squelette Inline HTML, CSS, Javascript
• Modification d'une page lors du chargement
• Evenement click
• JS et CSS pointer over
• Scrolling with js
• Scrolling carousel
• Details element
• Multiple details
• Multiple details from data
• ISS location set interval
• Load images from data with template

Data

• Augmenting data with LM Studio
• Scraping a website for data with Cheerio

D3 (Observable Notebooks 2)

• 01 — Selections
• 02 — Data joins
• 03 — Scales
• 04 — Layout transitions
• 05 — Y-axis with adaptive extent
• 06 — Connect the dots
• 07 — Live demo (29 avril)
• 08 — Stacked area with morphing transitions