22 topics completed on today's challenge,
@meddy_berrn take that! 😜
Phase 1: HTML Foundations
- Document structure: doctype, html, head, body, meta tags, viewport, charset
- Text: headings, paragraphs, inline vs block, strong/em, br/hr, entities
- Links & media: a (absolute/relative/anchors), img, picture/srcset, video, audio, iframe
- Lists & tables: ul/ol/dl, table, thead/tbody, colspan/rowspan
- Attributes: id, class, data-*, hidden, title
Phase 2: Semantic HTML & Accessibility
- Landmarks: header, nav, main, section, article, aside, footer
- Heading hierarchy, figure/figcaption, time, address, details/summary, dialog
- Alt text, labels, focus order, keyboard navigation
- ARIA basics (and when *not* to use it), screen reader testing
- Color contrast, reduced motion, skip links
Phase 3: Forms
- form, input types, label, select, textarea, fieldset/legend
- Built-in validation: required, pattern, min/max, minlength
- datalist, output, progress, meter
- Form accessibility and error messaging
Phase 4: CSS Core
- Syntax, selectors, specificity, the cascade, inheritance
- Selector types: element, class, ID, attribute, combinators, pseudo-classes, pseudo-elements
- Modern selectors: :is(), :where(), :has(), :not(), :focus-visible
- Units: px, rem, em, %, vw/vh, dvh, ch, fr
- Colors: hex, rgb, hsl, oklch, currentColor, gradients
- Typography: font-family,
@font-face, line-height, letter-spacing, text-wrap
- Backgrounds, borders, shadows, border-radius, outline
- Resets, box-sizing, box-sizing: border-box everywhere
Y'all good evening and how was today?