Below is a curated list of useful tech resources for web developers :neckbeard:.
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 🧙♂️!
- Online tools
- Terminal
- VCS
- Software Architecture
- Backend
- Frontend
- Debugging
- Miscellaneous
- Keep yourself up-to-date
- Browser games (c'mon, slack off!)
- Credits
- 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
- 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
- YOPmail: A disposable mail services
- TMail: Another disposable mail services
- Guerrilla Mail:
(削除) DEPRECATED Another disposable mail services (削除ここまで)
- 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
- 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
lsalternative- consider using it with
alias ll='exa -lTar -s=changed --level=1'andalias ll2='exa -lTar -s=changed --level=2'
- consider using it with
- bat : A
catclone- consider using it with
alias cat='bat'
- consider using it with
- procs : A replacement for
ps- consider using it with
alias ps='procs'
- consider using it with
- 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
- 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
.gitignoresample - 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- Awesome CSS : Comprehensive list of CSS resources
- HTML Email Workflow : a workflow to create email client friendly emails with React
- Awesome JavaScript : Comprehensive list of JavaScript resources
- 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
- 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
- Postman : the father of all HTTP REST clients
- Insomnia : an HTTP REST client with a strong focus on API building
- Xdebug : the father of all PHP debugging extensions
- 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
- 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
- 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
- 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.
- 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
- 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.
- Otteretto : An exceptional palindromes match game
- Gridland : An interesting twist on the match 3 mechanic with a blend of strategy
- 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
- 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
- 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
- LCD Games : A collection of old LCD games for nostalgic pals
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 😄