HTML
Project: A Personal Profile Page
Your first complete page. One file, semantic structure, a photograph, a list, a table and a link out - built to a specification and checked against it...
#Beginner
Suitable for beginners.
104 notes tagged
HTML
Emmet: Writing HTML at Speed
Type an abbreviation, press Tab, get a block of markup. Emmet is built into most editors and turns twenty keystrokes into three.
SQL
Beginner Practice Queries
Twenty graded exercises on SELECT, filtering, sorting and simple functions, each with a worked solution and the reason it is written that way.
HTML
Accessibility: What It Means and Where HTML Fits
Most of accessibility is choosing the right element. The rest is a short list of habits. Here is the framework and the small number of things that fix...
HTML
Responsive Design Starts in the Markup
The viewport tag, flexible images, relative units and the mobile first habit. Half of responsive design is decided before a single media query is writ...
HTML
The class and id Attributes
Two ways to name an element, with different rules and different jobs. Choosing correctly makes a stylesheet maintainable and stops the specificity war...
HTML
Three Ways to Attach CSS, and When Each Is Right
External, internal and inline styles. One of them is the answer almost always, and knowing why the other two exist is what tells you when to break the...
HTML
Character Encoding and the Viewport Meta Tag
Two lines that every page needs. One decides whether your text is readable at all, the other decides whether your page works on a phone.
HTML
The head Element and the Page Title
Nothing in the head is drawn, and yet it decides how the page is found, shared, cached and rendered. The title alone is the most valuable line of mark...
SQL
One to One and One to Many Relationships
The two simplest relationships and the single rule that decides where the foreign key goes - plus when a one to one split is actually worth it.
HTML
What HTML5 Actually Means
HTML5 is not a version you upgrade to. It is the name for a shift from a frozen specification to a living standard, and for the elements and APIs that...
HTML
div and span: When Nothing Else Fits
Two elements with no meaning at all, and that is the point. Learn what they are for, why they are not a failure, and how to know you have too many.