Visual Explanations

Lydia Hallie

Lydia's notes are one of my favorite resources to for ... Lydia does an excellent job of explaining JS under the hood with the aid of gifs.

Code Analogies Blog

Visual explanations of JavaScript, HTML, CSS & other web concepts concepts. Writter ___ takes real world systems and relates them to a variety of complex programming --. He uses custom drawings and gifs to further illustrate his anologies making his blog easy to understand and almost conversational.

Better Explained

Better Explained gives in-depth and straightforward explanations for complex computer science and mathematics topics. The blog focuses on the "why's" instead of the "what's" and shows an intuitive side to math.

Visual Git Reference

This page gives brief, visual reference for the common commands in git.

Flexbox Flowchart/Infograph

A comprehensive visual guide to CSS Flexbox. This complete guide explains everything about Flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items).

Tools

Keycode

Keycode is app that does one thing: displays Javascript Event Keycodes when you press the corresponding key on the keyboard. It's niche, but the clean layout and simple design makes the app great for visual learners

Factor Calculator

Let's you enter a number and the calculator will output a factor tree.

VisuAlgo

![Visualgo image]
Visualize algorithms and data structures through animation.

Javascript Equality Table

Google Web Font Typography Project

Scroll through and see Google fonts paired together and decide which looks best for your project.

RegExr: Learn, Build & Test Regex

A Regular expression tester with syntax highlighting, contextual help, cheat sheet, reference, and searchable community patterns.

Bonus Tools

Focus Mate

Book a time slot for a virtual study buddy.

Coffitivity

Coffitivity recreates the ambient sounds of a cafe to boost your creativity and help you work better.

Cheatography

A collection of cheatsheets & quick references. Intuitive design and great layouts for creating your own notes.