- General: sites that support a variety of languages
- W3Schools: free tutorials and references
- Codecademy: free and paid tutorials
- Mozilla Developer Network (MDN): references from Mozilla, the makers of FireFox
- DevDocs: language reference for HTML, CSS, JavaScript, and more.
- Caniuse: a searchable list of HTML, CSS, and JavaScript commands listed with their browser compatibility (e.g. “can I use?”)
- StackOverflow: a widely-used online community where users ask and answer questions about coding (and many other topics), often discussing or providing usable examples
- A List Apart: articles and resources for anybody working on web sites
- Smashing Magazine: articles about web design and development
- Treehouse: paid online courses (with free online trial)
- FreeCodeCamp: offers lots of online courses and articles
- Coding Tools
- Codepen.io: a online tool to prototype HTML, CSS, and JavaScript code
- CodeAnywhere: an online IDE (integrated development environment) code editor for HTML, CSS, JavaScript, PHP, and many other web languages; it requires FTPS access to your hosting
- HTML: HyperText Markup Language
- CSS: Cascading Style Sheets
- Official W3 CSS Specifications
- W3Schools CSS Reference
- Mozilla Developer Network (MDN) CSS Reference
- CSSReference.io
- CSS-Tricks
- W3C CSS Validator
- CSS Zen Garden: explore different CSS files to apply to the same layout
- Responsive Design
- W3Schools CSS Responsive Design (also see this HTML page)
- W3Schools CSS @media Reference
- Mozilla Developer Network (MDN) Responsive Design Reference
- Google’s Mobile-Friendly Test
- CSS-Tricks Media Queries for Standard Devices
- Common screen resolution stats: Screensiz.es and StatCounter
- Mediaqueri.es (old but useful examples)
- JavaScript
- jQuery
- PHP: PHP Hypertext Processor
- Web Design Resources and Articles
- Fonts and typography:
- Typography in ten minutes
- Google Fonts
- Fontpair: recommended typeface pairings for design
- Color palette exploration and generation:
- Coolors.co
- Adobe Color Wheel
- Paletton (includes option to test palettes against vision impairments)
- Google Materials.io Mobile Palette Preview
- Designspiration: search for examples of design by color
- Design for Non-Designers:
- The Psychology of Design
- Understanding Visual Hierarchy in Web Design
- The Gestalt Principle: Design Theory for Web Designers
- Five simple steps to designing grid systems
- Is Your Web Site Stressing Out Visitors?
- Sensible Forms: A Form Usability Checklist
- Planning for Accessibility
- Fonts and typography:
- Other Resources
- Analytics Academy: the official online training course for using Google Analytics
- AddThis Academy: the official online support for using AddThis social media buttons and analytics
- Web site speed tests/analysis services:
- WebFX Read-able: for testing reading level
- Iframely URL Debugger: for social media and linking
- SEMrush: for traffic ranking and analysis
- PowerMapper SortSite: for accessibility issues
- Securi SiteCheck: for security issues
- BrowserStack: for advanced cross-browser and mobile testing