Below is a curated list of useful tech resources for web developers .

Enjoy it 😄 and give it a ⭐!

Please consider contributing to the list with a pull request.

Please also check the $ terminal magic version of this page 🧙‍♂️!

Index

• Online tools
  • Checking websites
  • Sharing Stuff
  • Disposable Services
• Terminal
  • Bash and Shell
  • Smart Shell
• VCS
  • GIT & versioning
  • VCS History Management
  • Branching models
• Software Architecture
  • Software Architecture resources
  • Modeling Tools
• Backend
  • PHP
  • Frameworks
  • Devops
• Frontend
  • CSS
  • JavaScript
  • Animation Libraries
• Debugging
  • HTTP Debugging
  • HTTP REST Clients
  • Debugging Tools PHP
• Miscellaneous
  • Markdown
  • Generic silver bullets
  • Fancy stuff
• Keep yourself up-to-date
  • News
  • Magazines
  • Recommended Reading
• Browser games (c'mon, slack off!)
  • Match X
  • Words
  • City builders & Tiles
  • Action & Strategy
  • Others
• Credits

Online tools

Checking websites

• Solid Tools for Developers : Generic debugging tools (dig, whois, ping, traceroute, etc.)
• Page Speed Insight : Well known tool to evaluate your website performances
• Google Lighthouse : Well known tool to evaluate your website performances
• Nibbler : gives a website report scoring out of 10 for key areas, including accessibility, SEO, social media and technology
• Website Vulnerability Scanner : A valid website vulnerability scanner
• WebPageTest : Measures the speed and performances of a website
• Meta Tags : Checking a website meta tags
• BuiltWith : Checking (guessing) the technologies behind a website
• Ionos Website Checker : Generic (security, accessibility, speed) website checker
• JSON Editor Online : My favourite JSON checker / editor
• Online JSON Viewer : Another valid JSON checker / editor
• XML Sitemap Generator - BASH : A shell script to locally generate XML sitemaps

↥ Back To Top

Sharing Stuff

• Pastebin : Share code snippet, JSON packets, XML packets, logs and stuff like these
• Postimages : Simple image sharing, you can use it to post images in github wikis
• Github Gist : Share code snippet and/or single file scripts
• Ngrok : Web publish and share your local environment like a boss
• sish : An open source serveo/ngrok alternative
• bore : A simple CLI tool for making tunnels to localhost
• Ideone.com : Share and execute code snippets
• Wandbox : Share and execute code snippets
• TinyURL : Shortening long and boring URLs
• We Transfer : Should I really describe it?
• transfer.sh : Easy file sharing from the command line
• witeboard : A real-time shared whiteboard, no registration needed
• Spniptt OTS : Share end-to-end encrypted secrets with others via a one-time URL

↥ Back To Top

Disposable Services

• YOPmail: A disposable mail services
• TMail: Another disposable mail services
• Guerrilla Mail: DEPRECATED Another disposable mail services

↥ Back To Top

Terminal

Bash and Shell

• ExplainShell : Quick and handy command line reference
• Linux SysOps Handbook : A study notes book for the common knowledge and tasks of a Linux system admin.
• GNU's Bash Reference Manual : Exhaustive bash reference
• The Bash Academy : A bash guide
• Learn Shell Programming : Another bash guide
• Learning the shell : Yet another bash guide
• LinuxConfig's Bash Scripting Tutorial : A nice bash scripting tutorial
• Vim Modes Transition Diagram : Did you ever got stuck in vi(m)? Never again!
• Crontab Guru : An online editor for cron schedule expressions
• Chmod Calculator : An awesome Chmod Calculator to convert Linux file permissions between different formats

↥ Back To Top

Smart Shell

• homebrew : the missing package manager for macOS
• iTerm2 : Probably the best terminal emulator for macOS
• kitty : A valid iTerm2 competitor; check my personal configuration for it
• Warp : A new take on the terminal offerings, a Rust implemented terminal
• Hyper : A good terminal alternative built on web technologies
• moreutils : A collection of the unix tools that nobody thought to write long ago when unix was young; installation under mac and deep explain here
• A list of new(ish) command line tools : a list of newer command line tools
• Modern Unix tools : A collection of modern alternatives to common Unix commands
• Terminals Are Sexy : Curated list of terminal frameworks, plugins & resources
• Awesome Cli Apps : A curated list of command line apps
• exa : An ls alternative
  • consider using it with alias ll='exa -lTar -s=changed --level=1' and alias ll2='exa -lTar -s=changed --level=2'
• bat : A cat clone
  • consider using it with alias cat='bat'
• procs : A replacement for ps
  • consider using it with alias ps='procs'
• Bpytop : Linux/OSX/FreeBSD resource monitor
• bmon : Real-time network bandwidth monitor and rate estimator with human-friendly visual output
• htmlq : Like jq, but for HTML
• magic-trace : A tool that collects and displays high-resolution traces of what a process is doing
• atuin : A tool that replaces your existing shell history with a SQLite database
• fzf : A general-purpose command-line fuzzy finder

↥ Back To Top

VCS

GIT & versioning

• git-scm.com : Git website
• GIT Documentation : Well written and comprehensive git documentation
• Git cheat sheet : Basic git cheat sheet
• Oh Shit, Git!?! : A website with a memorable domain that also provides some information for how to perform self-rescue after a lot of git accidents
• Git and Git Flow Cheat Sheet : Comprehensive list of git resources
• .gitignore samples : Useful .gitignore sample
• Git Branching : Learns the basics of git branching
• Confusing Terms in the Git Terminology : Shed some light on the Git terminology
• Fancy profiles in Github #1/#2 / #3 : Do you want to put some glitter on you?
• Astral : Gives your Github stars a purpose through tags and organization
• Snowtrack: A version control software for graphic designers and 3D artists

↥ Back To Top

VCS History Management

• Tig : an ncurses-based text-mode interface for git
• forgit : A utility tool powered by fzf for using git interactively
• Cleaning Up Git History : A good reading about the importance of the git history as a tool
• On commit messages : Some useful suggestions on how to write commits
• Contributing to a Project : Hints directly from the git documentation book
• Writing good commit messages : OTP commit guidelines
• How to Write Better Git Commit Messages – A Step-By-Step Guide: Teaches developers how to write better commit messages with improved grammar, content, etc.
• secrets : A command-line tool to prevent committing secret keys into your source code

↥ Back To Top

Git Branching models

• Git Flow : Probably the most famous branching model
• GitHub Flow : My favourite branching model, good for CI/CD
• Trunk Based Development : A skinny model good for initial project phases
• YAGBW : Yet Another Git Branching Workflow, the git flow we use in our agency

↥ Back To Top

Software Architecture

Software Architecture resources

• Awesome Software Architecture : A curated list of articles and resources to learn and practice about software architecture
• The twelve-factor app : A methodology for building software-as-a-service apps written in any programming language, and which use any combination of backing services

↥ Back To Top

Modeling Tools

• Diagrams.net : The most famous browser-based end-user diagramming software
• CloudSkew : Free architecture design tools
• Systemizer : Alternative system design tool to create and simulate large scale distributed systems

↥ Back To Top

Backend

PHP

• PHP.net : Good ol' PHP home page
• PHP: The right way : An easy-to-read, quick reference for PHP best practices
• PHP Manual : Generic PHP manual
• PHP League : A group of developers who have banded together to build solid, well tested PHP packages using modern coding standards
• PHP Tester : Test your PHP code online
• PHP Sandbox : Another PHP online testing tool
• PHP Fig : PHP Framework Interop Group
• Awesome PHP : Comprehensive list of PHP resources
• Can I PHP? : PHP feature support by version - like caniuse.com but for PHP

↥ Back To Top

Frameworks

• Tech Empower's Web Frameworks Benchmarks : Performance and scalability of various languages/web frameworks/databases
• Awesome Magento 2 : Comprehensive list of Magento 2 resources
• Awesome Symfony : Comprehensive list of Symfony resources

↥ Back To Top

Devops

• Docker : Famous set of PaaS products using OS-level virtualization to deliver software in containers
• Awesome Docker : Comprehensive list of Symfony resources
• Docker Cheat Sheet : a cheat sheet for Docker and its cli; not so well updated but a good starting point
• Mutagen.io : High-performance real-time file synchronization tool
• Apache : The beloved web server
• Apache Documentation : Docs for Apache
• Nginx : Another beloved web server
• Nginx Resources : Comprehensive list of Nginx resources
• GoAccess : open source real-time web log analyzer and interactive viewer

↥ Back To Top

Frontend

CSS

• Awesome CSS : Comprehensive list of CSS resources
• HTML Email Workflow : a workflow to create email client friendly emails with React

↥ Back To Top

JavaScript

• Awesome JavaScript : Comprehensive list of JavaScript resources

↥ Back To Top

Animation Libraries

• anime.js : A lightweight JavaScript animation library
• Motion One : An animation library built on the Web Animations API
• LottieFiles : An online platform a small animation format

↥ Back To Top

Debugging

HTTP Debugging

• HTTP Toolkit : open-source tool for debugging, testing and building with HTTP(s), free plan available
• Charles Web Debugging Proxy : HTTP proxy / HTTP monitor / Reverse Proxy, free trial available
• mitmproxy : free and open source interactive HTTPS proxy
• HTTPie : user-friendly command-line HTTP client
• JSON Server : a full fake REST API with zero coding

↥ Back To Top

HTTP REST Clients

• Postman : the father of all HTTP REST clients
• Insomnia : an HTTP REST client with a strong focus on API building

↥ Back To Top

Debugging Tools PHP

• Xdebug : the father of all PHP debugging extensions

↥ Back To Top

Miscellaneous

Markdown (:heart:)

• Markdown Guide : A guide to the beloved Markdown language
• Markdown Cheat Sheet : A quick Markdown cheat sheet
• Mastering Markdown : Advanced Markdown
• markdowntopdf : Free and reliable converter from markdown files to PDF
• MacDown : Open source Markdown editor for macOS
• StackEdit : In-browser Markdown editor
• Mermaid : Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.
• Remark : A Markdown processor
• Joplin : Open source note-taking app supporting Markdown, Mermaid and export in various formats
• Milkdown : A Plugin Based WYSIWYG Markdown Editor Framework
• Markwhen : A tool that converts markdown-ish text into a cascading timeline

↥ Back To Top

Generic silver bullets

• Google : No need to add anything
• Stack Overflow : I own to it half of my salary
• Code House : A storehouse of over 300 curated cheatsheets, there's also an interesting blog post about it
• Learn X in Y minutes : An extremely optimistic way to learn a new programming language 😄
• Obsidian : knowledge base tool on top of a local folder of plain text Markdown files

↥ Back To Top

Fancy stuff

• Shields.io : Quality metadata badges for open source projects
• WOPR : A simple markup language for creating rich terminal reports, presentations and infographics.
• ASCII Table Generator : Quickly format ASCII table. Great for source code comments and Github Markdown
• Boring Avatars : A nice library to create SVG random avatars
• Every Second : Visualize all the amazing things happening every second around the world
• Ray.so : Create beautiful images of your code
• Readme.so : Easily create the readme for your project
• Chart.xkcd : A chart library that plots “sketchy”, “cartoony” or “hand-drawn” styled charts
• 98.css : A design system for building faithful recreations of old UIs
• Image Charts : Public APIs to generate images
• Blockly : A visual code editor
• v86 : emulating an x86-compatible CPU and hardware in a browser
• wttr.in : a console-oriented weather forecast service that supports various information representation methods
• Mapscii : a terminal Map Viewer
• LiveTerm : Next.js terminal styled website template
• dns.toys : a DNS server that offers utilities and services that are accessible via the (dig) command line

↥ Back To Top

Keep yourself up-to-date

News

• Hacker News : Possibly the best technology-focused community
• Lobsters : Another valid technology-focused community.
• The DEV Community : A good place where to share ideas and helps.
• Slashdot : If you've read all the previous stuff and your lunch break isn't over.
• TLDR Newsletter : Probably the best tech newsletter digest out there.

↥ Back To Top

Magazines

• The Overflow : Essays, opinions, and advice on the act of computer programming from Stack Overflow
• MIT Technology Review : MIT's tech review magazine.
• Recode : Tech news that focuses on the business of Silicon Valley

↥ Back To Top

Recommended Reading

• hacker-laws : A collection of laws that people discuss when talking about development
• Big Ball of Mud : A dissertation on the big ball of mud software architecture approach
• Driving engineers to an arbitrary date is a value destroying mistake : On why driving engineers to create detailed estimates and then pressuring them to complete the software according to those estimates is a value destroying mistake
• MVC Explained Through Ordering Drinks At The Bar : A funny analogy for describing the famous MVC model.
• I f-ing hate Science : An interesting rant about research, bugs and science
• Why I'm losing faith in UX : On the transition from UX as user experience to UX as user exploitation
• I bought 300 emoji domain names from Kazakhstan and built an email service : The level of crazyness in this project is too damn high
• Has UML Died Without Anyone Noticing? : On the modern software engineering practices, good point
• 700,000 lines of code, 20 years, and one developer: How Dwarf Fortress is built : An interesting interview with Tarn Adams on his single project game creator and maintainer of Dwarf Fortress
• How browsers work : An article that explains how web browsers work behind the scenes.
• Mike Acton’s Expectations of Professional Software Engineers : A list of valuable suggestions for Software Engineers.

↥ Back To Top

Browser games

Match X

• Otteretto : An exceptional palindromes match game
• Gridland : An interesting twist on the match 3 mechanic with a blend of strategy

↥ Back To Top

Words

• Wordle : The very famous NY Times word game
• Par🇮🇹le : Basically the italian version of Wordle
• Claustrowordia : A crossword type game with no hints to how to fill the board

↥ Back To Top

City builders & Tiles

• Six sided streets : A tile placing city builder, which seems like an ancestor of Dorfromantic
• Townscaper : More like a toy than a game, a no-pressure city builder
• Green Mahjong : Solitaire mahjong game done in HTML/CSS/JS

↥ Back To Top

Action & Strategy

• Spelunky : A web porting of the exploration platform game
• Game of Bombs : A web porting of the famous bomberman game
• Hextris : A hex version of tetris, sort of
• do;MIN(0) : twisted domino version
• Scrambird : A flappy birds clone
• FreeCiv : A web porting of the famous Civilization clone
• Skifree : A JavaScript port of the classic PC Game, Skifree

↥ Back To Top

Others

• LCD Games : A collection of old LCD games for nostalgic pals

↥ Back To Top

Credits

Basic idea of a repository like this was shamelessly inspired by sdmg15/Best-websites-a-programmer-should-visit.

It's an exciting time to be a web developer or a generic computer science enthusiast. Community is thriving and you can easily access a lot (I mean, really A LOT) of free stuff. Do not miss the chance to take a look at the awesome list of list and always look forward but staying in the moment 😄

↥ Back To Top