AVAILABLE NOW: Front-End Developer Handbook 2017
Learn HTML & CSS
HTML - HyperText Markup Language, commonly referred to as HTML, is the standard markup language used to create web pages. Web browsers can read HTML files and render them into visible or audible web pages. HTML describes the structure of a website semantically along with cues for presentation, making it a markup language, rather than a programming language.
CSS - Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language. Although most often used to change the style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any kind of XML document, including plain XML, SVG and XUL. Along with HTML and JavaScript, CSS is a cornerstone technology used by most websites to create visually engaging webpages, user interfaces for web applications, and user interfaces for many mobile applications.
Liken to constructing a house, one might consider HTML the framing and CSS to be the painting & decorating.
General Learning:
- Absolute Centering in CSS [read]
- codecademy.com HTML & CSS [interact]
- CSS Positioning [watch][$]
- Front End Web Development: Get Started [watch][$]
- Front-End Web Development Quick Start With HTML5, CSS, and JavaScript [watch][$]
- HTML and CSS: Design and Build Websites [read][$]
- HTML Document Flow [watch][$]
- HTML Mastery: Semantics, Standards, and Styling [read][$]
- Intro to HTML/CSS: Making webpages [watch]
- Learn to Code HTML & CSS [read]
- Learn CSS Layout [read]
- Semantic HTML: How to Structure Web Pages [watch]
- Solid HTML Form Structure [watch]
- Understanding the CSS Box Model [watch]
Mastering:
- A Complete Guide to Flexbox [read]
- atozcss.com [watch]
- CSS Diner [interact]
- CSS Selectors from CSS4 till CSS1 [read]
- CSS3 In-Depth [watch][$]
- What the Flexbox?! A Simple, Free 20 Video Course That Will Help You Master CSS Flexbox [watch]
References/Docs:
- CSS Triggers...a Game of Layout, Paint, and Composite
- cssvalues.com
- HTML Attribute Reference
- htmlelement.info
- MDN CSS Reference
- MDN HTML Element Reference
Glossary:
- CSS Glossary - Programming Reference for CSS Covering Comments, Properties, and Selectors
- HTML Glossary Programming Reference for HTML elements
Standards/Specifications:
- All W3C CSS Specifications
- All W3C HTML Spec
- Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification
- The Elements of HTML from the Living Standard
- Global Attributes
- The HTML Syntax from the Living Standard
- HTML5 from W3C : 5th major revision of the core language of the World Wide Web
- Selectors Level 3
Architecting CSS:
- Atomic Design [read]
- OOCSS [read]
- SMACSS [read][$]
- SMACSS [watch][$]
Authoring Conventions:
- cssguidelin.es [read]
- Frontend Guidelines Questionnaire [read]
- Google HTML/CSS Style Guide
- Idiomatic CSS [read]
- Standards for Developing Flexible, Durable, and Sustainable HTML and CSS [read]