Bookmarks Bar


Web Apps

Frontend Web

General Frontend

Learn web development | MDN
Client-Side Web Development
Front-end Developer Handbook 2019
Web Technology for Developers | MDN
Website Analytics
A Practical Guide to SVGs on the Web
Front End Interview Handbook | Front End Interview Handbook
Jeffsum | A little text placeholder generator of Jeff Goldblum awesome... obviously.
[Infographic] A complete guide on Lazy Loading Images
Learn to Code HTML & CSS
The Relationship Between HTML, CSS and JavaScript Explained by Building A City – CodeAnalogies Blog


Getting Started

HTML Tutorials | HTML Dog
HTML basics - Learn web development | MDN
Introduction to HTML - Learn web development | MDN

Tag References

HTML Reference
HTML Tags | HTML Dog
HTML elements reference - HTML: HyperText Markup Language | MDN

Attribute References

Global Attributes | HTML Dog
HTML attribute reference - HTML: HyperText Markup Language | MDN
Global attributes - HTML: HyperText Markup Language | MDN

Character Code References

HTML Symbols Codes
HTML Characters | HTML Dog
Free Online HTML Escape / Unescape Tool -

Meta Tags

Meta Tags


Introduction to Web Accessibility | Web Accessibility Initiative (WAI) | W3C
Accessibility | MDN
How Browsers Interact with Screen Readers and Where ARIA Fits in the Mix - Level Access
The Accessibility Tree  |  Web Fundamentals  |  Google Developers
I Used The Web For A Day Using A Screen Reader — Smashing Magazine
5 most annoying website features I face as a blind person every single day | The Big Hack


A Practical Guide to SVGs on the web
Handcrafting your own SVG
Stop using so many divs! An intro to semantic HTML - DEV
Multimedia and Embedding - Learn web development | MDN
HTML Tables - Learn web development | MDN
Web forms — Working with user data - Learn web development | MDN
Lazy Loading Images – The Complete Guide


Getting Started

CSS Tutorials | HTML Dog
CSS basics - Learn web development | MDN
How CSS Works
Getting to Know CSS - Learn to Code HTML & CSS
Good and Bad CSS Practices for Beginners

Syntax & Terms

CSS Terms and Definitions
CSS Vocabulary
CSS Vocabulary
Syntax - CSS: Cascading Style Sheets | MDN
CSS Diner - Where we feast on CSS Selectors!


CSS Reference
CSS reference - CSS: Cascading Style Sheets | MDN

Layout & Box Model

Introduction to CSS layout - Learn web development | MDN
The box model - Learn web development | MDN
Opening the Box Model - Learn to Code HTML & CSS


CSS Flexbox in 100 Seconds - YouTube
A Complete Guide to Flexbox | CSS-Tricks
Flexbox Froggy - A game for learning CSS flexbox
Flexbox Tutorial | HTML & CSS Is Hard


CSS Grid in 100 Seconds - YouTube
A Complete Guide to Grid | CSS-Tricks
Grid Garden - A game for learning to layout elements within rows and columns with CSS grid
The Joy of CSS Grid - Build 3 Beautifully Simple Responsive Layouts - YouTube
Learn CSS Grid - A Guide to Learning CSS Grid | Jonathan Suh
CSS Grid full-bleed layout tutorial · Josh W Comeau

Responsive Design

Responsive CSS
MDN Mobile Web Development
Responsive Design Tutorial | HTML & CSS Is Hard
Responsive Images Tutorial | HTML & CSS Is Hard


CSS Animation for Beginners
CSS Animations
Introduction to CSS Transitions
CSS Animation in 100 Seconds - YouTube
Animate.css | A cross-browser library of CSS animations.
AOS - Animate on scroll library
Easing Functions Cheat Sheet
Beautiful CSS 3D Transform Perspective Examples in 2020 | Polypane Browser for Developers

Colors & Gradients

HTML Color Codes
Khroma - The AI color tool for designers
CSS Gradient
CSS Web Gradients
Accessible Colors | WCAG 2.0 AA and AAA color contrast checker
Coolors - The super fast color schemes generator!
Trendy Gradients in Web Design

Typography & Fonts

Google Fonts
Better Google Font Finder
Web Typography Tutorial | HTML & CSS Is Hard
👌 Snapfont
DaFont - Download fonts
Free Fonts! Legit Free & Quality | Font Squirrel
Fontspring. Worry-Free fonts for everyone.

Icons & Illustrations

Orion Icon Library
700+ CSS Icons, Customizable, Retina Ready & API
World Vector Logo
Font Awesome
Blobs - Generate beautiful blob shapes for web and flutter apps
Tabler Icons - 550+ Highly customizable free SVG icons
Design Gems — Free design tools and resources
Free icons sets - Awwwards
Fancy Border Radius Generator
Humaaans: Mix-&-Match illustration library


Sass: Syntactically Awesome Style Sheets
CSS Preprocessors Explained
Popular CSS Preprocessors With Examples: Sass, Less & Stylus · Raygun Blog


CSS Frameworks
A Beginner’s Guide to CSS Front End Frameworks | by Rishabh Saxena | zipBoard


Things nobody ever taught me about CSS. – Charlie Gerard – Medium
Interneting Is Hard | Web Development Tutorials For Complete Beginners
CSS Variables in 100 Seconds - YouTube
CSS Pseudo-classes: in 100 Seconds - YouTube
CSS Pseudo-elements :: in 100 Seconds - YouTube
The Just in Case Mindset in CSS


Getting Started

The Modern JavaScript Tutorial
The Weird History of JavaScript - YouTube
MDN JavaScript Guide
JavaScript basics - Learn web development | MDN
A re-introduction to JavaScript (JS tutorial) - JavaScript | MDN


JavaScript Pro Tips - Code This, NOT That - YouTube
JavaScript Loops - Code This, Not That - YouTube
What is THIS in JavaScript? in 100 seconds - YouTube
Beyond Console Log in 100 Seconds - YouTube
Chapter 10 JavaScript Fundamentals | Client-Side Web Development
Gentle Explanation of "this" in JavaScript


Manipulating documents - Learn web development | MDN
Create, Insert, Replace, and Delete DOM Nodes with JavaScript | DigitalOcean
Walking and Traversing the DOM with JavaScript | DigitalOcean
CSE154-20sp DOM Tree


Introduction to events - Learn web development | MDN
Event-Driven Application Architecture
MDN Event Reference


An Introduction to JSON | DigitalOcean
What is JSON? An Introduction and Guide for Beginners - Impressive Webs

AJAX & Fetch

Using Fetch - Web APIs | MDN
MDN Ajax

Promises & Async/Await

JavaScript Promise in 100 Seconds - YouTube
The Async Await Episode I Promised - YouTube
Promise - JavaScript | MDN
JavaScript ES 2017: Learn Async/Await by Example | by Brandon Morelli | codeburst
Async JavaScript: history, patterns and gotchas · Code with Hugo
Introducing asynchronous JavaScript - Learn web development | MDN
Using Promises - JavaScript | MDN
Concurrency model and the event loop - JavaScript | MDN

Testing & Debugging

Best 8 JavaScript Testing Frameworks In 2020
Front End Testing: A Comprehensive Guide | TestCraft
Testing with Jest | Client-Side Web Development
Get Started with Debugging JavaScript in Chrome DevTools


JavaScript Modules in 100 Seconds - YouTube
ES modules: A cartoon deep-dive - Mozilla Hacks - the Web developer blog
JavaScript modules - JavaScript | MDN
Unbundling the JavaScript module bundler by Luciano Mammino


The ES6 Guide
ES6 Interactive Guide
ES6 Features | Client-Side Web Development
ES6 Features
A tutorial to JavaScript Arrow Functions

Regular Expressions

Regular Expressions (RegEx) in 100 Seconds - YouTube
RegexOne - Learn Regular Expressions - Lesson 1: An Introduction, and the ABCs
Rubular: a Ruby regular expression editor
Regular expressions - JavaScript | MDN
Regex Crossword


JavaScript Libraries | Client-Side Web Development
anime.js • JavaScript animation engine
Matter.js - a 2D rigid body JavaScript physics engine · code by @liabru
Vanilla Javascript Parallax Library

3D Graphics

Getting started with WebGL - Web APIs | MDN
WebGL - Awwwards
three.js – JavaScript 3D library
Three.js - Awwwards


What the fuck is ...? ・ Dan’s JavaScript Glossary
The State of JavaScript 2019
Javascript Cheat Sheet |
Functional Programming in JS | Client-Side Web Development
Discover JavaScript Timers
The Model-View-Controller (MVC) Architecture
Strict mode - JavaScript | MDN
Client-side form validation - Learn web development | MDN
Inheritance and the prototype chain - JavaScript | MDN
A crash course in memory management - Mozilla Hacks - the Web developer blog
Memory Management - JavaScript | MDN

Frontend Frameworks

Getting Started

History of front-end frameworks - LogRocket Blog
The Ultimate Guide to JavaScript Frameworks
Client-Side JavaScript Frameworks | MDN


Getting Started

React How To
9 Things Every React.js Beginner Should Know
Simple React Development in 2019 | Hacker Noon
React in 100 Seconds - YouTube
Tutorial: Intro to React – React
Introduction to React | Client-Side Web Development
React 'Aha' Moments
React Tutorial: An Overview and Walkthrough | Tania Rascia

State Management

Thinking in React Hooks
A Visual Guide to State in React
A cartoon guide to Flux. Flux is both one of the most popular… | by Lin Clark | Code Cartoons
A cartoon intro to Redux

React + TypeScript

TypeScript and React: Getting Started
Notes on TypeScript and React Series
React & Webpack | TypeScript
Using TypeScript To Create React Applications Course
React Typescript
React TypeScript Cheatsheets
How to Migrate a React App to TypeScript - SitePoint


React Router: Declarative Routing for React.js
Create React App · Set up a modern web app by running one command.
Framer Motion: Production-Ready Animation Library for React
Next.js by Vercel - The React Framework
React DnD
Formik - The React forms API
How to Use the React Profiler Component to Measure Render Performance | by Adam Henson | Life at Paperless Post | Medium
Build your own React
acdlite/react-fiber-architecture: A description of React's new core algorithm, React Fiber
React SVG Animations
Airbnb React/JSX Style Guide | Airbnb JavaScript Style Guide

Other Frameworks

Hyperapp • The tiny framework for building web interfaces


Build A Frontend Framework


Browser APIs

Introduction to web APIs - Learn web development | MDN
Web APIs | MDN
MDN Web API Reference
Web APIs | Google Chrome
Chrome APIs - Google Chrome
10 lesser-known Web APIs you may want to use
MDN Audio & Video Manipulation
MDN Guide to Web APIs
MDN Canvas API
MDN Web Components
MDN Progressive Web Apps

Third Party APIs

Third-party APIs - Learn web development | MDN
List of APIs
API Marketplace - Free Public & Open Rest APIs | RapidAPI


Getting Started

WebAssembly | MDN
Lin Clark: A Cartoon Intro to WebAssembly | JSConf EU - YouTube
A cartoon intro to WebAssembly - Mozilla Hacks - the Web developer blog
An introduction to WebAssembly
Introduction to WebAssembly — Rasmus Andersson
An Introduction to Web Assembly
WebAssembly → Part 1 :Introduction to WebAssembly. - Frontend Weekly - Medium
Introduction to Web Assembly - Beginner's Guide to Mobile Web Development - Medium
Introduction to WebAssembly | SitePen
WebAssembly - Wikiwand
WebAssembly, The Journey | Medium
World Wide Web Consortium (W3C) brings a new language to the Web as WebAssembly becomes a W3C Recommendation
I want to… - WebAssembly
Use Cases - WebAssembly
WebAssembly | GitHub
An Introduction to Web Assembly

Learning Resources

Figma is powered by WebAssembly
Where is WebAssembly now and what’s next?
WebAssembly's post-MVP future: A cartoon skill tree - Mozilla Hacks - the Web developer blog
Calls between JavaScript and WebAssembly are finally fast 🎉 - Mozilla Hacks - the Web developer blog
Memory in WebAssembly (and why it’s safer than you think) - Mozilla Hacks - the Web developer blog
Making WebAssembly even faster: Firefox’s new streaming and tiering compiler - Mozilla Hacks - the Web developer blog
Baby's First Rust+WebAssembly module: Say hi to JSConf EU! - Mozilla Hacks - the Web developer blog
Creating a WebAssembly module instance with JavaScript - Mozilla Hacks - the Web developer blog
WebAssembly Archives - Mozilla Hacks - the Web developer blog
Build the future of the web with WebAssembly and more (Google I/O '18) - YouTube
WebAssembly: A game changer for the Web | YouTube
History of WebAssembly | YouTube
WebAssembly: Disrupting JavaScript - YouTube



The Rust and WebAssembly Book
Rust and WebAssembly
Making WebAssembly better for Rust & for all languages
JavaScript to Rust and Back Again: A wasm-bindgen Tale - Mozilla Hacks - the Web developer blog
The `wasm-bindgen` Guide
Hello wasm-pack!
wasm-pack GitHub
Announcing the web-sys crate! | Rust and WebAssembly


The AssemblyScript Book
AssemblyScript GitHub

Languages That Can Compile To Wasm



Wasmtime — a small and efficient runtime for WebAssembly & WASI
Introduction - Wasmtime
bytecodealliance/wasmtime: Standalone JIT-style runtime for WebAssembly
bytecodealliance/wasmtime-demos: Demos for Wasmtime usage and WASI content


Wasmer - The Universal WebAssembly Runtime

Debugging WebAssembly Outside of the Browser - Mozilla Hacks - the Web developer blog


Welcome to WASI
WebAssembly Interface Types: Interoperate with All the Things! - Mozilla Hacks - the Web developer blog
Standardizing WASI: A system interface to run WebAssembly outside the web - Mozilla Hacks - the Web developer blog
WASI Background
WASI Document Guide


WebAssembly Studio
Build Your Own WebAssembly Compiler In TypeScript
Announcing the Bytecode Alliance: Building a secure by default, composable future for WebAssembly
Bytecode Alliance
Bytecode Alliance | GitHub
Improved WebAssembly debugging in Chrome DevTools  |  Google Developers
WebAssembly Specification — WebAssembly 1.1
WebAssembly Community Group
W3C WebAssembly Working Group
WebAssembly Core Specification
WebAssembly JavaScript Interface

Backend Web

Getting Started

What is a web server? - Learn web development | MDN
Introduction to the server side - Learn web development | MDN
Client-Server Overview - Learn web development | MDN

Communication Protocols

The HyperText Transfer Protocol
Communicating Securely with HTTPS
Protocols | Ably Realtime
The WebSocket API (WebSockets) - Web APIs | MDN

API Testing

Postman | The Collaboration Platform for API Development
Insomnia REST Client

API Design

What is an API?
Design APIs According To RESTful Patterns
REST API Documentation Best Practices
REST API Tutorial
API Cheat Sheet
REST Architecture Paper

Backend Architecture

Introduction to Microservices
Microservice Cheatsheet
Platform Creation Strategy and Guidelines
Web Architecture 101
Platform Cheat Sheet


Getting Started

7 Database Paradigms - YouTube


Getting Started

Basic MySQL Tutorial
MySQL for Absolute Beginners

Advanced SQL Topics

MySQL Stored Procedure Tutorial
MySQL Triggers
MySQL Views
MySQL Functions
SQL Joins Infographic

Using MySQL With Backend Languages

MySQL Node.js Tutorial
PHP MySQL Tutorial
Python MySQL Tutorial


How MongoDB is different from a SQL database
The MongoDB basics tutorial
How to use MongoDB with Node.js


Let’s Build a Simple Database
Implementing a Key-Value Store
DB Version Control | GitHub


Getting Started

Cloud Computing in the Year 2020 - YouTube
The Beginner's Guide to the Cloud
The Beginner's Guide to Understanding The Cloud and Cloud Computing | Linchpin

Docker & K8s

Docker in 100 Seconds - YouTube
Learn Docker in 7 Easy Steps - Full Beginner's Tutorial - YouTube
Containerizing with Docker
A comprehensive introduction to Docker, Virtual Machines, and Containers
Get Started with Docker | Docker
Docker Overview
Dockerfile Best Practices
Learn Kubernetes Basics | Kubernetes
Kubernetes Documentation | Kubernetes


Tips for running free dynos on Heroku in 2020 - Rails Autoscale
What is Heroku? A Simple Explanation for Non-Techies
Getting Started on Heroku | Heroku Dev Center
Documentation | Heroku Dev Center


Amazon Web Services (AWS) - Cloud Computing Services
Deploying to Amazon Web Services
AWS Educate
Cloud Computing Services | Microsoft Azure
Student Developer Resources | Microsoft Azure
Cloud Computing Services  |  Google Cloud
How to get started with GCP  |  Google Cloud
DigitalOcean – The developer cloud
Deploying to Digital Ocean
Cloudflare Workers
Cloud Run QuickStart - Docker to Serverless - YouTube


MDN Server-Side Website Programming
Server-side web frameworks - Learn web development | MDN
Cross-Origin Resource Sharing
What is CORS?
Environment Variables
Tracking Sessions
Authenticating Users


Dev Tools

Chrome DevTools  |  Google Developers
Firefox Developer Tools | MDN
Tools - Safari - Apple Developer
Microsoft Edge (Chromium) Developer Tools - Microsoft Edge Development | Microsoft Docs

How Browsers Work

How Browsers Work

Browser Engines

Browser Engines: The Crux Of Cross Browser Compatibility | LambdaTest
Quantum Up Close: What is a browser engine? - Mozilla Hacks - the Web developer blog
Which Browser Engine Powers Your Web Browsing—And Why Does It Matter?
Role of Rendering Engines in Browsers | BrowserStack
Web browsers and their engines: Know everything
Browser engine - Wikiwand
V8 JavaScript Engine
Blink (Rendering Engine) - The Chromium Projects
Home |
SpiderMonkey: The Mozilla JavaScript runtime - Mozilla | MDN
Gecko - Mozilla | MDN
Servo, the parallel browser engine
Design · servo/servo Wiki
Servo Blog
Jack Moffitt - Servo: Today & Tomorrow - YouTube
Let's build a browser engine!
JavaScriptCore – WebKit

MDN Web Docs
Client-Side & Server-Side Web Dev | Dave Stearns



Getting Started

TypeScript Handbook
All You Need To Know About TypeScript - YouTube
TypeScript Website
TypeScript - The Basics - YouTube
The Magic of TypeScript Decorators - YouTube
TypeScript Deep Dive Book
A Non-Technical Guide to Effective Typescript | Matthew Mullin


TypeScript: TS Playground - An online editor for exploring TypeScript and JavaScript
TypeScript TSConfig Reference
TypeScript Reference Tools
Understanding TypeScript’s Type Notation
GitHub - formium/typescript: TypeScript coding guidelines & configs for Formik
Announcing TypeScript 4.0 | TypeScript


Getting Started

Introduction to Node.js
Node.js Ultimate Beginner’s Guide in 7 Easy Steps - YouTube
Node.js Developer Website
Node.js Language Website
Node.js Documentation
Node.js Handbook
Node.js Tutorial - Tutorialspoint
Why Use Node.js?

Dev Environment

Node.js Development Environment Setup
Setting up a Node development environment - Learn web development | MDN
Setting Up a Node.js Development Environment  |  Node.js  |  Google Cloud

Package Management

A Beginner’s Guide to npm, the Node Package Manager - SitePoint
npm | build amazing things
NPM Trends
GitHub - g-plane/tiny-package-manager: Learn how npm or Yarn v1 works.

Web Frameworks

Introduction to Express, a practical tutorial
MDN Express Web Framework
Using Express middleware


Node.js Microservices
Debugging - Getting Started | Node.js
Let's Code A Web Server From Scratch With Node.js Streams!
Building A Simple Single Sign On (SSO) Server And Solution From Scratch In Node.js
Let's Build Express


Getting Started

Manual | Deno
10 Things I Regret About Node.js - Ryan Dahl - JSConf EU - YouTube
Deno in 100 Seconds - YouTube
Deno Website
Deno 1.0: What you need to know
Write a small API using Deno

Dev Environment

Set Up Your Deno Environment

Package Management

Third Party Modules | Deno

Web Frameworks

oak | A middleware framework for Deno’s net server 🐿️ 🦕
awesome-deno | Web Framework Modules


Deno GitHub
Deno News
Deno Standard Library
Deno Doc
Deno Style Guide
Deno Runtime API


Getting Started

The Python Tutorial
BeginnersGuide/Programmers - Python Wiki
Advanced Python made easy
The Hitchhiker’s Guide to Python
Full Stack Python

Dev Environment

Poetry - Python Package Manager
Definitive Guide to Python on Mac OSX - Brian Torres-Gil - Medium
Python With Poetry & VSCode (Part 2)
Python With Poetry & VSCode (Part 3)
My Python Development Environment, 2020 Edition
Comparing Python Virtual Environment tools
Get Started Tutorial for Python in Visual Studio Code
Virtualenv Documentation
How To Install Python 3 and Set Up a Local Programming Environment on macOS | DigitalOcean
Python Virtual Environments: A Primer
Goodbye Virtual Environments? | Medium
Auto formatters for Python
Python Black GitHub

Package Management

Poetry - Python dependency management and packaging made easy.
Python With Poetry & VSCode (Part 1)
Create and Publish a Python Package with Poetry
Develop and Publish Your Python Packages With Poetry
Python's New Package Landscape
Python Application Dependency Management in 2019
Pipenv and Poetry: Benchmarks & Ergonomics
Pipenv and Poetry: Benchmarks & Ergonomics II
Packaging a python library
Why you should use pyenv + Pipenv
Faster Docker builds with pipenv, poetry, or pip-tools
Setting Up and Using Python3 Virtualenv on Mac
Virtualenv — virtualenv 20.0.35 documentation

Web Frameworks

Welcome to Flask
Flask for Dummies
The Flask Mega Tutorial
Flask REST API: Introduction
How a Flask app works


Python Tutorials – Real Python
Python Cheatsheet
Math to Code
Learn Python - Free Interactive Python Tutorial
What’s __init__ for me? | Medium
What’s in a (Python’s) __name__? | Medium
Python: Beyond the basics II | Medium
Python Tricks 101🐍| Medium
Try out walrus operator in Python 3.8 | Medium
A Byte of Python
Poetry Scripts
Open Sourcing a Python Project the Right Way
Python Tooling Makes a Project Tick
Python libraries to make your code readable, reliable and maintainable | Blog
Unit Testing in Python | Medium
Intro to test framework Pytest
What the mock? — A cheatsheet for mocking in Python


Getting Started
A Tour of Go
The Go Programming Language
How to Write Go Code - The Go Programming Language
Documentation - The Go Programming Language
An Introduction to Programming in Go
Go Web Examples - Learn Web Programming in Go by Examples
Go by Example

Dev Environment

Editor plugins and IDEs - The Go Programming Language
IDEsAndTextEditorPlugins · golang/go Wiki
Machine Setup | Go Resources

Package Management

go - The Go Programming Language


Awesome Go
Command Documentation - The Go Programming Language
Effective Go - The Go Programming Language
Writing Web Applications - The Go Programming Language
Let's Create a Simple Load Balancer With Go
Gophercises - Coding exercises for budding gophers
Home · golang/go Wiki
The Go Programming Language Blog
The Go Playground
Curated list of Go design patterns, recipes and idioms
Packages - The Go Programming Language
The Cover Story - The Go Blog
How/Why Is Concurrent Code Faster Than Sequential Code?
Go Concurrency from the Ground Up |
Google I/O 2012 - Go Concurrency Patterns - YouTube
The Go Memory Model - The Go Programming Language


Getting Started

Rust Programming Language Book
Introduction - Rust By Example
Are we web yet? You can build stuff!
fireflowers - Rust
Rust Programming Language

Dev Environment

Getting Started With Rust

Package Management Rust Package Registry
Introduction - The Cargo Book

Web Frameworks

Choosing A Rust Web Framework, 2020 Edition
Rocket Web Framework


How Mozilla’s Rust dramatically improved our server-side performance
Rust 2018 is here… but what is it?
How Rust Helps You Prevent Bugs | polyfloyd's stuff
Awesome-Rust GitHub Repo
Rust in Detail: Writing Scalable Chat Service from Scratch
The Edition Guide
Futures Explained in 200 Lines of Rust


Text Editor

VS Code

Documentation for Visual Studio Code
My Visual Studio Code Setup
VS Code Top-Ten Pro Tips - YouTube
Visual Studio Code - Code Editing. Redefined




Interactive Vim Tutorial
Editors (Vim) · the missing semester of your cs education


What is the difference between an IDE and an editor? - FAQ - Atom Discussion
CodeSandbox: Online IDE for Rapid Web Development
Emmet Cheat Sheet
Kite - AI Coding Assistant for Python and JavaScript
AI Code Completions for All Languages and IDEs | TabNine
Typora — A markdown editor
Light Table
Xi Text Editor
Xi: an editor for the next 20 years


iTerm2 - macOS Terminal Replacement


My Terminal Setup: iTerm2 + Zsh 🔥
Use zsh as the default shell on your Mac - Apple Support
Moving to zsh – Scripting OS X
Switching to ZSH
Oh My Zsh - a delightful & open source framework for Zsh
Switching to ZSH


Git Website
Git - Wikiwand
Learn Git | Atlassian
Resources to Learn Git
git - the simple guide
An introduction to Git: what it is, and how to use it
GitHub CLI 1.0 is now available



Collections - Inspirational Resources For Web Designers & Developers
Dribbble - Discover the World’s Top Designers & Creative Professionals
Awwwards - Website Awards - Best Web Design Trends - ui examples
CSS Design Awards - Website Awards - Best Web Design Inspiration - CSS Awards
Best Website Gallery – Web Design Inspiration – by @davidhellmann
CodePen: Online Code Editor and Front End Web Developer Community

Education Resources

Roadmaps to Modern Developer
Sideways Dictionary
Choose a License
Learn to code at home |
Cooperative Software Development
Crash Course Computer Science Preview | YouTube
The Missing Semester of Your CS Education · the missing semester of your cs education
Research - HackerRank
Web  |  Google Developers


Lin Clark – Medium
Lin Clark, Author at Mozilla Hacks - the Web developer blog
Code Cartoons (@codecartoons) / Twitter
Tania Rascia – Full-Stack Developer
Flavio Copes
How to Do Code Reviews Like a Human (Part One)
How to Do Code Reviews Like a Human (Part Two)
UXPin Ebooks
MVC for Noobs
Design Patterns For Humans
The Twelve-Factor App
Developer News
Stripe - Incremenet
Engineering Articles from Figma
Mozilla Hacks

Stock Images

Free stock photos · Pexels
Generated Photos