Website Testing Guide & Launch Lab
Go beyond “it works on my screen.” Learn a repeatable testing process and turn your website’s features into a practical test plan.
Find your next step
What do you want
to learn or make?
Explore the resource library
293 resources. Add a search term or choose a type to narrow the list.
Web Design Guide & Studio
Create a website that works for its visitors. Learn the design process and turn your decisions into a practical website brief and reusable styles.
Vibe Learning Guide & Studio
Turn curiosity into a skill you can demonstrate. Learn to use AI as a coach while keeping your own practice, judgment, and understanding at the centre.
Vibe Coding for Beginners — Guide V4
Go from your first idea to a small app you understand, with a complete beginner learning path and practical tools for writing professional prompts.
Vibe Coding Learning Guide V1
Learn how to collaborate with AI while keeping your goals, reasoning, testing, and understanding at the centre of the development process.
Vibe Coding Field Guide V2
A complete, practical learning experience for anyone who wants to use AI to create better software without giving up understanding, quality, or control.
Vibe Coding Guide V3
A complete interactive Vibe Learning lab that brings your lessons, review, prompt library, and capstone project together in one connected workspace.
Google Apps Script Learning Guide
Learn to automate Google Workspace through deliberate practice, working code, interactive labs, and AI coaching prompts that build understanding instead of replacing it.
JavaScript Learning Guide
Learn modern JavaScript by building browser applications, predicting results, testing behavior, explaining decisions, and improving with evidence.
CSS Learning Guide
Learn modern CSS by styling real interfaces, predicting how the browser will resolve rules, testing layouts at different sizes, and explaining the design choices you make.
HTML Learning Guide
Learn semantic HTML through the full Vibe Learning loop: understand, predict, build, test, explain, and reflect.
Web Design Learning Guide
Learn web design from planning to publishing through interactive lessons, live design labs, critique challenges, and accessibility checks.
JSON Formatter & Validator
Format, minify, and validate JSON instantly in your browser.
CSS Gradient Generator
Build a polished linear gradient and copy production-ready CSS.
Unix Timestamp Converter
Convert Unix timestamps to readable dates and back again.
Text Case Converter
Convert text to title, sentence, camel, kebab, snake, or uppercase.
Regex Tester
Test regular expressions and inspect every match without sending data away.
Color Contrast Checker
Check WCAG contrast ratios for text and background colors.
URL Encoder & Decoder
Safely encode or decode URLs, query values, and text fragments.
Base64 Encoder & Decoder
Encode plain text to Base64 or decode Base64 back to text.
Word & Character Counter
Measure words, characters, sentences, lines, and reading time.
SEO Meta Tag Generator
Create essential title, description, canonical, and social meta tags.
CSS Box Shadow Generator
Design polished shadows with live controls and copyable CSS.
Secure Password Generator
Generate strong passwords locally using browser cryptography.