Posted on

Categories this post is in

Next/Prev

Accessibility

How to Use ARIA Effectively with HTML5 – Sitepoint
The ARIA Role Matrices – whatsock
What is WAI-ARIA – Marco

CSS

An intro to CSS Grid – Lotte Jackson
Axiomatic CSS and Lobotomized Owls – Heydon Pickering
Front-end Architecture, Brand Variables – Etch
Grid Layouts – Patrick Brosset

Design

Design Resource Sites – CSS Tricks

Flexbox

A Visual Guide to CSS3 Flexbox Properties – Dimitar Stojanov

General

Front-End Developer Handbook 2017 – Cody Lindley
Ludicrously Fast Page Loads – Nate Berkopec
Markdown: Syntax – John Gruber
On writing less damn code – Heydon Pickering
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

Images

Essential Image Opitimisation – Addy Osmani

JS

A brief history of Javascript – Sebastián Peyrott
Creating a JS library – Checkman
ES6 cheatsheet – Swizec Teller
Getting Started with Webpack 2 – Drew Powers
Intro to Vue.js – CSS-Tricks
Javascript Defering snippet – Max Bock
JavaScript Stack from Scratch – verekia
JS for all of us – Ben Howdle
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

Performance

Understanding the critical rendering path – bitsofcode

SASS/CSS preprocessor

Getting To Know Stylus – Hugo Giraudel

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

Worthy of Note

Worthy of Note is a site aimed at Web Designers & Developers. It offers a wide range of resources to help assist anyone in the web industry.

View