Skip to content

andou/tech-resources

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

header

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 🧙‍♂️!

Index

Online tools

Checking websites

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

Disposable Services

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

Terminal

Bash and Shell

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

VCS

GIT & versioning

VCS History Management

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

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

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

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

Frameworks

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

Frontend

CSS

JavaScript

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

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

HTTP REST Clients

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

Debugging Tools PHP

  • Xdebug : the father of all PHP debugging extensions

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

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

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

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.

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

Recommended Reading

Browser games

Match X

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

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

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

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

Others

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

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 😄