Web Resources
Below are links to some resources for coding.
Getting Started @ mozilla.org
- Getting started with the web: Dealing with files
- Getting started with the web: So what is HTML?
- Getting started with the web: So what is CSS, really?
Documentation
Guides
- Publish Something Online
- What is a URL?
- Folder Poetry
- Dealing with files
- What goes in your head
- Why Coding Style Matters on Smashing Magazine (with useful list of validators)
- Writing your Best Code: HTML/CSS coding best practices and list of resources
- Google developer documentation style guide
- Sublime Text unofficial documentation & keyboard shortcuts
HTML
- About Semantic HTML elements
- Overview of newer HTML tags
- Mix Blend Mode
- Nth-Child
- Paragraph Formatting on the Web
- Character sets: HTML Entities and Character Codes
CSS
- CSS inheritance
- Shay Howe’s Guides
- CSS Basics
- Codecademy
- A guide to centering things
- Layout tutorials
- CSS Tricks Simple Grid Approach
- Articles on A List Apart: Content-out Layout | The Infinite Grid | Fluid Grids
- Using Style Tiles
Media Queries & Responsive design
- Responsive Web Design
- Responsive Design Media Queries
- 7 Habits of Highly Effective Media Queries
- mediaqueri.es: a collection of examples
- Favicons for all devices
- Trans Books
Javascript / Jquery
- Start with Chapter 3 of Scott Murray’s Interactive Data Visualization for the Web
- Understanding the DOM — Document Object Model
- Jquery
- Jquery UI
- LetteringJS Library for tweaking typographical details
- paper.js Library for manipulating vector graphics
- p5.js Library for Processing in the browser
- Coding Train
- D3 for interactive data visualizations. See also Scott Murray's Interactive Data Visualization for the Web
Validation, debugging, pre-processing
CMSes
Web blogs
- CSS Tricks
- A List Apart
- Smashing Magazine
- Jeffrey Zeldman's blog
- Article about Content Display Patterns
- Answers for Young People