Jump to Categories

Reading / Demos / Refs

Accessibility

Accessibility Checklist - irekrog
A collection of accessible scripts, made in ES2015 - van11y
Creating accessible menus and mega menus - levelaccess
How to Use ARIA Effectively with HTML5 - Sitepoint
IT Accessibility Handbook - NC State University
The ARIA Role Matrices - whatsock
The new guidelines in WCAG 2.1 explained - Alexander Skogberg
What is WAI-ARIA - Marco

CSS

30 seconds of CSS - atomiks
An intro to CSS Grid - Lotte Jackson
Axiomatic CSS and Lobotomized Owls - Heydon Pickering
Collection of CSS snippets - justmarkup
Front-end Architecture, Brand Variables - Etch
Grid Layouts - Patrick Brosset
Learn CSS Grid - Jonathan Suh

Design

Design Resource Sites - CSS Tricks

Flexbox

A Visual Guide to CSS3 Flexbox Properties - Dimitar Stojanov

General

Front-End Developer Handbook 2017 - Cody Lindley
Inclusive Web Design Checklist - Heydon Pickering
Ludicrously Fast Page Loads - Nate Berkopec
Markdown: Syntax - John Gruber
On writing less damn code - Heydon Pickering
Shortcuts.design, keyboard shortcuts - Michel van Heest
The best front-end hacking cheatsheets — all in one place - Free Code Camp
Using Jekyll & GitHub Pages - Donovan Hutchinson

HTML

HEAD : A free guide toelements - Josh Buchea
Front-End Checklist - codeburst.io
HTML5 Cheatsheet - Bredley Nice

Interview

Front end developer handbook - devJang

Jekyll

Becoming a Jekyll God - Garth Braithwaite

Images

Essential Image Opitimisation - Addy Osmani

JS

30 seconds of Code - Chalarangelo
A brief history of Javascript - Sebastián Peyrott
Creating a JS library - Checkman
ES6 cheatsheet - Swizec Teller
Getting Started with Webpack 2 - Drew Powers
Javascript Defering snippet - Max Bock
JavaScript Stack from Scratch - verekia
JS for all of us - Ben Howdle
Lazy loading guidance - Google
Plain JS - Pixabay
Lazy loading images using intersection observer - Dean Hume
Learn JavaScript Essentials - Eric Elliot
Offline forms - Max Bock
Preloading Images in Parallel with Promises - Hugo Giraudel
Setting up Webpack, Babel and React from scratch - Stanko
You don't know JS - getify

JS - Frameworks

The ultimate guide to JavaScript Frameworks - javascriptreport.com

JS - Vue

4 AJAX Patterns For Vue.js Apps - vuejsdevelopers.com
4 Essential ES2015 Features For Vue.js Development - vuejsdevelopers.com
Intro to Vue.js - CSS-Tricks
Understanding scoped slots in Vue.js - Cristi Jora

Module Bundler

Setting up webpack for Any Project - Scotch

Performance

Understanding the critical rendering path - bitsofcode

SASS/CSS preprocessor

Getting To Know Stylus - Hugo Giraudel
SASS Control scope - CSS Tricks

Server

Apache server configs - h5bp-bot

SVG

Animate SVG with CSS - Jonathan Suh
Illustrator to SVG - CSS-Tricks
Pocket Guide to Writing SVG - Joni Trythall
Understanding the SVG viewBox - the newcode.com