Reference library

Your point of reference

When you're writing code, you don't need long manuals or theory disconnected from reality. Often you just need a quick confirmation on a piece of syntax, a clear explanation of a concept, or a snippet of code ready to use.

This section exists precisely as a practical, immediate reference for your workflow. I've organized the resources into two main categories: on one side the "Front-end Glossaries" (HTML, CSS and JavaScript), structured to bring order to the essential tags, modern layout rules and programming logic; on the other the "Snippet Library", a collection of ready-to-use solutions for the most common development challenges.

The goal isn't to memorize every single detail, but to keep a reliable compass within reach. Pick the area you want to start from, explore the definitions, or copy the code and adapt it to your own projects right away.

A visual collection of front-end resources spanning code, snippets and study

Markup essentials

HTML Glossary

A list of the most-used HTML tags for structuring web content, with examples.

<div>, <p>, <a>, <img>, <form>...

Explore the terms

Layout and style

CSS Glossary

Explains CSS properties, layouts and rules with practical examples.

flexbox, grid, @media, transform...

Discover the styles

Logic and flow

JS Glossary

JavaScript concepts and constructs for making a page dynamic.

function, array, promise, async...

Explore the functions

Copy, adapt, ship

Snippet Library

Quick solutions (snippets) you can copy and use right away.

fetch(), modal, animation...

Copy and paste