The snippet library

Copy it. Run it. Done.

4,000 short, complete snippets in Python, HTML, CSS and JavaScript. Pick a language, search for the job, copy the code or download it as a file.

Add a snippet

A workshop wall of labelled drawers; one pulled open while a developer codes at the bench

Snippets

The library needs JavaScript to search. Here are the drawers:

Python

First steps: Printing, input, variables and the shapes Python starts with.
Built-in functions: The tools Python gives you before you import anything.
Strings and formatting: Cleaning, slicing, joining and formatting text.
Loops and logic: Decisions, repetition and making a program do real work.
Lists and dictionaries: Holding many things at once and finding them again.
Functions: Wrapping work up so it can be called again.
Errors and debugging: Catching what goes wrong and saying so clearly.
Files and folders: Reading, writing and walking through the disk.
CSV and JSON: The two formats most business data arrives in.
Dates and time: Today, deadlines, durations and time zones.
Patterns and regex: Finding and pulling things out of text.
Numbers and maths: Money, percentages, statistics and random numbers.
Classes: Building your own types with their own behaviour.
Algorithms: Searching, sorting and the classic problems.
Databases with SQLite: Saving data in a real database, built into Python.
Automation: Scripts that do the boring job for you.
HTTP and scraping: Talking to websites and services over the internet.
Flask web apps: Your Python running behind a web page, on localhost and online.
NumPy: Fast arrays, the maths layer under every AI tool.
pandas: Spreadsheets in code: load, clean, group and report.
Machine learning: Training and testing models with scikit-learn.
AI from first principles: How language models and learning work, in plain Python.
AI through APIs: Calling real AI models from your code and your web app.
Southern Africa: Phones, currency, VAT and time for the twelve markets.

HTML

Page structure: The skeleton every page is built on.
Text elements: Headings, paragraphs and the words in between.
Lists: Bullets, numbers and definitions.
Links: Getting from one page to another, and to mail, phone and WhatsApp.
Semantic elements: Elements that say what the content is.
Global attributes: Attributes that work on every element.
Symbols and entities: Copyright, currency, arrows and maths signs.
Forms and inputs: Every input type, validation and autofill.
Head, meta and speed: Titles, sharing previews, icons and loading fast.
SEO and structured data: Help search engines understand your page.
Accessibility: Pages everyone can use, with ARIA done right.
Images, video and embeds: Pictures, sound, maps and video.
Tables: Data in rows and columns.
SVG drawing: Shapes, gradients and animation written as code.
Icons: Inline SVG icons you can colour with CSS.
Components: Ready markup for the parts every site needs.
Page templates: Whole pages to start from.
Email HTML: Markup that survives email clients.
Southern Africa: Forms, phones, currency and languages for the twelve markets.

CSS

Box model and position: Width, height, spacing, overflow and positioning.
Typography: Fonts, sizes, lines and text effects.
Colour, gradients and themes: Colour functions, palettes, gradients and full themes.
Backgrounds: Images, gradients and patterns behind content.
Borders, outlines and shadows: Edges, corners and depth.
Selectors: Every way to pick the elements you want to style.
Units and functions: rem, fr, clamp, calc and friends.
Layout recipes: Whole-page and section layouts.
Flexbox: Rows, columns and alignment.
CSS Grid: Two-dimensional layouts.
Responsive and media queries: Phones, tablets, dark mode and user preferences.
Modern CSS: Nesting, :has, container queries, layers and new features.
Design tokens: Spacing, radius, shadow and colour variables.
Animation and motion: Transitions, keyframes, easing and loaders.
Effects and filters: Blend modes, filters, shapes and visual effects.
Components: Buttons, cards, menus, modals and more.
Forms: Styled inputs, checkboxes and validation states.
Tables: Readable data tables.
Accessibility: Focus, contrast and motion done right.
Print: Pages that print cleanly.
Southern Africa: Flag colours, currency and phone field styling for the twelve markets.
Utility classes: Small single-purpose classes you can reuse anywhere.

JavaScript

Language basics: Variables, types, decisions, loops, functions, classes, errors and async.
Arrays: Every array method with a runnable example.
Strings and regex: Text methods and regular expressions.
Objects and JSON: Keys, values, destructuring and JSON.
Numbers and Math: Rounding, random, money maths and more.
Dates and time: Dates, durations and time zones.
Built-in objects: Map, Set, URL, crypto, iterators and more.
Recipes: Small utilities every project needs.
Algorithms: Sorting, searching, graphs and starter maths for AI.
The page (DOM): Find, create and change elements.
Events: Clicks, keys, forms, scroll and observers.
Components: Menus, tabs, modals, copy buttons and more.
Forms: Reading, validating and sending forms.
Storage: localStorage, cookies and IndexedDB.
Canvas and charts: Drawing and simple charts.
Browser features: Location, camera, speech, clipboard and workers.
Fetch and APIs: Talking to servers and public APIs.
Front end for Flask: The browser half of your Python back end.
AI app front end: Asking, streaming and showing answers from your AI back end.
Installable apps (PWA): Service workers, offline and install buttons.
Node.js: JavaScript on the server and in the terminal.
Southern Africa: Currency, phones, VAT, time zones and WhatsApp for the twelve markets.
Exercises with answers: Practice problems for the course, each with a worked answer you can run.
Working with data: Totals, groups, joins and reports from arrays of records.
Design patterns: Proven ways to organise code as it grows.
Testing and debugging: Check your code works and find out why when it does not.
Security basics: Habits that keep your users and your app safe.