The Vibeary — tag
learning
16 resources in The Vibeary tagged "learning" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection

CSS Selectors Visual Guide
Interactive reference where every CSS selector is demonstrated live against a sample DOM you can modify.

Flexbox Froggy
Browser game with 24 levels where you write flexbox properties to move frogs onto matching lily pads.

Grid Garden
Puzzle game teaching CSS Grid by having you water carrots and poison weeds using grid placement properties.

7 Rules for Creating Gorgeous UI
Two-part article giving concrete visual rules — light source, spacing, contrast, saturation — for developers designing interfaces.

Why books don't work
Essay arguing that books are a bad transmission medium for knowledge, and what learning interfaces should do instead.

CSS Diner
Thirty-two level game that teaches CSS selectors by asking you to select plates, bento boxes and apples.

Disarray
Codepip game about CSS transforms, teaching translate, rotate, scale and skew by rearranging scattered objects.

Defensive CSS
Collection of short lessons on writing CSS that survives long content, missing images, RTL text and unexpected data.

phaser3-typescript
Large collection of annotated Phaser 3 games and mechanics written in TypeScript as learn-by-reading examples.

Quantum Country
Experimental mnemonic textbook on quantum computing with spaced-repetition prompts embedded directly into the prose.

Random CSS Tip
Serves a random modern-CSS technique with runnable demo, as a daily learning surface.

33 JavaScript Concepts
Curated syllabus of thirty-three core JavaScript concepts, each with articles, videos and code, translated into forty-plus languages.
PixelSpirit Deck
Tarot-style card deck where each card carries a GLSL snippet, teaching shader techniques as a physical practice.

GSAP Getting Started
Official free learning path covering tweens, easing, staggers, timelines and callbacks with editable inline examples.
Orbit
Platform for embedding spaced-repetition prompts into web essays so readers retain what they read.
CSS Flexbox Playground
Interactive sandbox exposing every flex container and item property with live layout preview and copyable generated CSS.