Useful Common Code & Resources

This page is an in-progress space as part of ID Core for everyone to share reliable commonly-visited code snippets and super-resourceful pages that explain common properties and technology. I’ve included some swappable code references and vital resources which can reliably be turned to, often. The hope is that this page will save anyone(new or seasoned) time having to Google “How to X” or “CSS-Only Back To Top Button”. — RJF

CSS

Mozilla Developer Network CSS Reference & Index
(really great for CMD+F property referencing)

Every Layout [Document]

Useful Angle: CSS Tricks

 

CSS Grid

Layout Land with Jen Simmons

Grid by Example with Rachael Andrews

The Complete Guide to CSS Grid

 

Flexbox

Flexbox Cheatsheet

IE Alternatives to Flexbox

 

JavaScript

JavaScript Explained by Fireship.io

The Story of the REACT Framework

W3 JavaScript Reference

Vanilla JS Toolkit Reference Guide

Useful Angle JS Tricks

 

Web Elements

Code My UI

CodyHouse

Codepen

 

Misc.

Tools

Convert px to em Calculator

Shortcodes for BU WordPress

What’s My Browser? (Best for clients)

CSS Font Stacks

Viewport Size Queries

Working With <table>

Ratio Buddy

 

Accessibility

APCA Color Contrast Calculator

 

SVG’s

CSS Tricks Articles on SVG’s

Cloudfour Articles on SVG’s

 

Principles

Laws of UX

web.dev Learning