THE JUNCTION / A CONSIDERED COLLECTION

Ideas meet here.

References, tools, and independent work selected for a reason. Every entry takes you to its source.

CURATED REFERENCES

Recommend a resource +

Icons

SVG coordinates and scaling ↗

Understand how viewBox maps internal coordinates to different display sizes.

Establish coordinates before export sizes to avoid confusing geometry with resolution.

For: Designers and front-end developers editing SVG.
Before use: Public technical documentation; test the behaviour in your own graphic.

Source checked · 2026.10.13

developer.mozilla.org

Icons

Lucide icon library ↗

Browse a consistent outline icon set and learn how to use and adjust it on the web.

Useful for supplementing clearly labelled controls without redrawing basic symbols.

For: Small-site makers who need interface icons.
Before use: Check the chosen asset's license and retain required notices.

Source checked · 2026.10.13

lucide.dev

Icons

Favicons in search ↗

Read Google Search's favicon reference, fetching, and hostname rules.

Distinguish a working browser icon from an updated search result.

For: Maintainers launching or replacing a site icon.
Before use: Fetching and caching affect results; following the guidance does not promise immediate display.

Source checked · 2026.10.13

developers.google.com

Icons

Web app manifest icons ↗

Learn how a web app manifest declares icon files, sizes, types, and purposes.

Connect exported files to actual application references.

For: Developers adding installation and app icons.
Before use: Requires a manifest and browser testing; it is not an automatic publishing service.

Source checked · 2026.10.13

developer.mozilla.org

Typography

Fluid type with clamp() ↗

Express bounded CSS sizes with minimum, preferred, and maximum values.

Read alongside the typography workshop's size range to understand responsive changes.

For: Makers adjusting responsive headings and body text.
Before use: A formula does not replace reading tests, zoom checks, or extreme widths.

Source checked · 2026.10.13

developer.mozilla.org

Typography

Requirements for Chinese Text Layout ↗

Consult guidance on Chinese punctuation, line boundaries, and mixed-script layout.

A useful reference for punctuation and mixed-script issues before adding manual spaces.

For: Designers of Chinese long-form and bilingual pages.
Before use: An evolving layout reference; practical implementation still needs browser checks.

Source checked · 2026.10.13

www.w3.org

Typography

Line height ↗

Understand line-height values, inheritance, and unitless numbers.

Build line spacing that follows text size and reduces conflicting local styles.

For: People styling articles or building reading presets.
Before use: Examples are starting points; read long samples in both languages.

Source checked · 2026.10.13

developer.mozilla.org

Typography

Noto CJK fonts ↗

Explore Noto CJK font files, regional variants, and project documentation.

Start with a documented font source when planning CJK character coverage.

For: Developers selecting and deploying CJK fonts.
Before use: Check the chosen file's license, download size, and regional glyph variants.

Source checked · 2026.10.13

github.com

Accessibility

Text contrast ↗

Read the thresholds, conditions, and rationale for WCAG text contrast.

Give the contrast tool's numbers a source and avoid passing a rounded-up result.

For: People adjusting body text, links, and button labels.
Before use: A passing colour pair does not establish whole-site accessibility conformance.

Source checked · 2026.10.13

www.w3.org

Accessibility

Non-text contrast ↗

Understand contrast requirements for controls and meaningful graphics against adjacent colours.

Extend inspection beyond body text to inputs, graphics, and interface states.

For: Designers and developers creating forms and controls.
Before use: Check actual control states and adjacent backgrounds, not just brand colours.

Source checked · 2026.10.13

www.w3.org

Accessibility

Page structure tutorial ↗

Organize understandable pages with regions, heading levels, and content structure.

Long articles and curated directories need navigable structure as well as visual spacing.

For: People organizing article templates and site navigation.
Before use: Apply it to real HTML and include keyboard and assistive-technology checks.

Source checked · 2026.10.13

www.w3.org

Accessibility

Accessible interaction patterns ↗

Consult semantics, keyboard interaction, and examples for common components.

Establish behaviour before styling interactions such as dialogs and tabs.

For: Front-end developers implementing custom interactions.
Before use: Adapt and test examples; consider native elements where suitable.

Source checked · 2026.10.13

www.w3.org

Web

Structuring content with HTML ↗

Build web content from foundational elements such as headings, paragraphs, and links.

Turn a draft into a structured page before adding visual effects.

For: Readers beginning a personal website.
Before use: Public learning material; exercises need a way to edit and open local files.

Source checked · 2026.10.13

developer.mozilla.org

Web

Responsive web design ↗

Learn how pages adapt layout and content to available space.

Build a shared foundation for bilingual titles, narrow-screen cards, and flexible text.

For: Makers adapting pages for phones and desktops.
Before use: Breakpoints are a means; still check long content, zoom, and real devices.

Source checked · 2026.10.13

developer.mozilla.org

Web

CSS grid layout ↗

Explore tracks, areas, and two-dimensional layout with CSS grid.

Organize resource cards and project directories without forcing fixed positions.

For: Developers building lists, cards, and page structures.
Before use: Check both visual and document order, particularly for keyboard navigation.

Source checked · 2026.10.13

developer.mozilla.org

Web

Web forms ↗

Learn the foundations of form controls, labels, validation, and submission.

Submissions and letters need a reliable feedback path beyond a submit button.

For: People creating registration, submission, or contact forms.
Before use: Browser validation does not replace server validation; adapt examples to the real workflow.

Source checked · 2026.10.13

developer.mozilla.org

Publishing

Markdown quick reference ↗

Review headings, lists, links, quotations, and code blocks through short examples.

Give articles and project descriptions a lightweight, portable starting point.

For: Authors writing articles and project notes in plain text.
Before use: Extensions differ between platforms; inspect the rendered result before publishing.

Source checked · 2026.10.13

commonmark.org

Publishing

RSS specification ↗

Consult RSS structure for channels, items, dates, and links.

Provide an independent publishing channel that feed readers can subscribe to.

For: Developers and editors maintaining article feeds.
Before use: The specification supports feed implementation and checking, not hosting or email delivery.

Source checked · 2026.10.13

www.rssboard.org

Publishing

Sharing preview metadata ↗

Understand metadata such as title, image, and URL used in link previews.

Connect a share card to its article and distinguish image export from page configuration.

For: Site maintainers configuring article sharing metadata.
Before use: Receiving platforms have their own fetching, caching, and cropping behaviour.

Source checked · 2026.10.13

ogp.me

Publishing

Article structured data ↗

Review recommended structured data for article headlines, authors, and dates.

Keep visible content, page metadata, and machine-readable information consistent.

For: Developers maintaining public article pages.
Before use: Mark up truthful information; structured data does not guarantee enhanced search display.

Source checked · 2026.10.13

developers.google.com

Maintenance

Web quality audits ↗

Learn how Lighthouse generates web quality audit reports.

Use a report to locate issues, then verify them through real reading and interaction.

For: Maintainers launching or reviewing public pages.
Before use: Measurements depend on conditions; an automated score is not a complete manual review.

Source checked · 2026.10.13

developer.chrome.com

Maintenance

Markup validation ↗

Check structural and syntax issues in page markup.

Catch foundational markup problems before publishing.

For: Site makers reviewing their HTML output.
Before use: Submit only public pages or code, without private content.

Source checked · 2026.10.13

validator.w3.org

Maintenance

Link checking ↗

Check page links and anchors and inspect the results.

Support lightweight curation maintenance by finding broken destinations.

For: Editors maintaining resource directories and article links.
Before use: Check public URLs only; manually review results affected by access restrictions.

Source checked · 2026.10.13

validator.w3.org

Maintenance

Django deployment checklist ↗

Review security, performance, and operational checks for deploying Django 5.2.

Move beyond a server that starts to a deployment with documented configuration checks.

For: Developers deploying and maintaining Django sites.
Before use: Targets Django 5.2; check your version and keep secrets out of public documentation.

Source checked · 2026.10.13

docs.djangoproject.com

External links open the original websites. Their content and availability are maintained by their respective publishers.