Resources

HTML

• HTML Elements Reference
• HTML Color Codes
• W3C Markup Validation Service
• HTML 5 Outliner
• What Makes for a Semantic Class Name?
• When to Use the HTML5 'section' Element

CSS

• CSS: Cascading Style Sheets
• W3 CSS Validation Service
• CSS Tricks
• Introduction to CSS Grid Layout
• CSS Grid Layout
• A Complete Guide to Grid
• Things I’ve Learned About CSS Grid Layout
• Mastering Mouse Enter and Exit Events With CSS Transitions
• Hide header on scroll down, show on scroll up

JavaScript

• JavaScript reference

UI/UX

• A Beginner’s Guide to Wireframing
• The Definitive Guide: How To Make Your First Wireframe
• 25+ Must-Have Wireframe Templates and UI Kits for Your Design Library
• JavaScript RegExp
• Checking for array equality using JavaScript

Typography

• Comprehensive Guide: When to Use Em vs. Rem

Accessibility

• Accessibility
• What is a11y?
• ARIA
• Using ARIA: Roles, states, and properties
• ARIA in HTML
• Web Accessibility Initiative (WAI)
• WAI-ARIA Roles
• Colorblind Web Page Filter
• Contrast Checker
• Make Your Digital Media More Accessible By Providing Options
• What Are H Tags? How Headings Affect User Experience
• Web Design Mistakes That Impact Light-Sensitive Users
• Writing HTML with Accessibility in Mind

Responsive Design

• Responsive Web Design - What It Is and How to Use It
• Responsive Web Design
• Understanding the Fundamentals of Responsive Design
• Combining media queries and JavaScript

Git/GitHub

• Getting to Confident: Mastering Git
• GitHub Guides
• Writing on GitHub

Markdown

• Mastering Markdown
• Markdown Reference
• Markdown Guide
• Markdown Cheatsheet
• Markdown to HTML Converter (and Cheatsheet)
• Markdown Parser in PHP
• Markdown Here Cheatsheet
• How to write a good README for your GitHub project?

Other

• Learn to code by playing games
• How Developer Teams Work
• GitHub Learning Lab
• Front-End Interview Handbook
• Interview Questions for Front-End Developer
• Use CodeMirror to build your online code editor