-
Notifications
You must be signed in to change notification settings - Fork 1
Home
Marie Otsuka edited this page Dec 26, 2017
·
4 revisions
Below are links to some references you may find useful.
While much of the information is available online, it's always nice to have a hard-copy reference. Here are some options:
- HTML & CSS | Javascript & JQuery by Jon Duckett
- CSS: The Definitive Guide by Eric Meyer
- CSS Secrets by Lea Verou
- Interactive Data Visualization for the Web by Scott Murray (You can also read this online)
- What is a URL?
- About Semantic HTML elements
- A good primer: Chapter 3 of Scott Murray's Interactive Data Visualization for the Web
- CSS inheritance
- Basic Tutorials
- CSS Basics
- Begin with HTML / CSS course at Codecademy
- Comprehensive documentation and guides: Mozilla Developer Network
- Quick reference and tutorials: W3Schools
- Blog on best practices and new technology: Smashing Magazine
- Other popular tutorials sites: Tizag HTMLDog
- All sorts of CSS: CSS Tricks
- A List Apart
- The Big Web Show Podcast
- Jeffrey Zeldman's blog
- Article about Content Display Patterns
- Answers for Young People by Tim Berners-Lee
- Dan Shiffman's Youtube lessons at The Coding Train, such as his [p5.js tutorials] (https://www.youtube.com/user/shiffman/playlists?sort=dd&view=50&shelf_id=14)
- Responsive previewer
- Working with SVG
- 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
- Sublime Text unofficial documentation & keyboard shortcuts
- Sublime Text 2 tutorial videos.
- A guide to centering things
- Layout tutorials
- CSS Garden for CSS Grid
- Flexbox Froggy for Flexbox
- Float tutorials
- Smashing Magazine Articles: Fixed vs. Fluid. vs. Elastic Layouts | Designing With Grid-Based Approach (a bit old from 2007, but includes a comprehensive list of tutorials and references)
- CSS Tricks Simple Grid Approach
- Articles on A List Apart: Content-out Layout | The Infinite Grid | Fluid Grids
- Using Style Tiles
- Browser Developer Tools: Chrome | Firefox
- Firebug : a web development and debugging extension for Firefox
- W3.org HTML validator
- CSS Validator
- CSS Preprocessors
- Start Here
- HTML5 Reset: Good clean starting point
- HTML5 Boilerplate
- Bootstrap
- Foundation
- Skeleton
- GitHub Page
- Hierarchy from Ellen Lupton’s Thinking with Type
-
Em vs. En Dash e.g. the em dash (
—) & the en dash (–). - Paragraph Formatting on the Web
- Character sets: HTML Entities and Character Codes
- Web Font Formats
- Font-squirrel’s Web Font generator (if you have web rights).
- TypeKit
- Typotheque
- Webtype
- Fonts.com
- cloud.typography
- Typecast
- Font Deck
- League of Moveable Type
- Google Web Fonts and a nice selection.
- Grotesk-Medium
- Use & Modify
- The League of Moveable Type
- Cooper Hewitt Tyepface
- Responsive Design Basics
- 7 Habits of Highly Effective Media Queries
- mediaqueri.es: a collection of examples
- Favicons for all devices
- Information Architecture basics
- Jakob Nielsen’s 10 Usability Heuristics for User Interface Design
- Don't Make Me Think by Steve Krug
- The Design of Everyday Things by Don Norman
- Jquery
- Jquery UI
- LetteringJS Library for tweaking typographical details
- paper.js Library for manipulating vector graphics
- p5.js Library for Processing in the browser
- D3 for interactive data visualizations. See also Scott Murray's Interactive Data Visualization for the Web