HTML & CSS
Is Hard
Introduction
The purpose of HTML, CSS, and JavaScript, the difference between frameworks and languages, and finding your way around a basic website project with Atom. Read more
Basic Web Pages
The skeleton for every web page on the Internet, as well as fundamental HTML elements like headings, paragraphs, lists, etc. Read more
Links and Images
Linking to other pages, referring to them with absolute, relative, and root-relative paths, embedding images, and finishing touches to our basic web page skeleton. Read more
Hello, CSS
Connecting a stylesheet, styling HTML elements with all sorts of CSS properties, selecting different elements, and reusing styles across multiple web pages. Read more
The Box Model
Block boxes, inline boxes, padding, borders, margins, dimensions, and an introduction to how beautiful websites are built up with boxes. Read more
CSS Selectors
Class selectors, descendant selectors, more useful <div>’s, styling links with pseudo-classes, and why ID selectors are a bad idea. Read more
Advanced Positioning
Static, relative, absolute, and fixed positioning, dropdown menus, the z-index, and other fancy CSS that’ll make you feel real smart. Read more
Responsive Design
Using media queries to control when CSS rules are applied, mobile-first development, and disabling viewport zoom. Read more
Responsive Images
The hard part of responsive design: retina screens, fluid images, device optimization with srcset, and art direction with the <picture> element. Read more
Semantic HTML
The document outline, articles, sections, navs, headers, footers, asides, figures, and other ways to make your HTML markup more informative. Read more
Web Typography
Where to find web fonts, hosting locally versus externally, dealing with multiple font faces, and basic typographic principles like text alignment, leading, and measure. Read more
