My compiled list of web development resources.
Available items
No Items, yet!
The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:
Readme
Resources
My compiled list of web development resources.
HTML / CSS
CSS Frameworks
CSS Precompilers
CSS Libraries
CSS Generators
- CSS Gradient Generator
- Gradient Magic
- Accordion Slider
- Best CSS Button Generator
- CSS Button Creator
- Web Code Tools
- Clippy
- Cubic Bezier
- Separator Generator
- CSS Grid GEnerator
- Shadow Generator
- CSS Effects
- Animista
Pattern / SVG Generators
Color Generators
- Coolors
- Paletton
- Flat UI Colors
- LOL Colors
- Color Hunt
- Palette Ninja
- colors.lol
- Happy Hues
- ColorMixer
- ColorSpace
JSON Generators
Learning
Reference
Assets
Images / Videos
- Undraw
- Unsplash (free stock photos)
- Hero Patterns
- Coverr (free stock videos)
- Looka (brand designer)
- Autodraw
- AllTheFreeStock
- Mixkit
- Pexels
- Photo Creator
- RemoveBG
- AI Generated Photos
- DuoTone
- OpenPeeps
- Humaaans
- Ouch!
- Avataaars
- lookup.design
Icons
- IcoMoon
- IconFinder
- AllTheFreeStock
- Linea Icons
- CSS Icons
- Tilda
- Ikonate
- Eva Icons
- Icons8 Animated Icons
Icon Fonts
Fonts
Design Tools
JavaScript
Front-End Frameworks
Back-End
Libraries
Vue Component Frameworks
Vue Frameworks
Vue Plugins
React Frameworks
Learning
Resources
Reference
PHP
Reference
Back-End Frameworks
Content Management Systems (CMS)
Libraries
Learning
API
GraphQL
Mobile Utilities / Frameworks
General Web Development Learning
Udemy Courses
- Advanced CSS and Sass by Jonas Schmedtmann
- The Complete JavaScript Course by Jonas Schmedtmann
- Web Design for Web Developers by Jonas Schmedtmann
- Modern Javascript Bootcamp by Andrew Mead
- The Complete React Developer Course by Andrew Mead
- The Complete Node.js Developer Course by Andrew Mead
- Web Developer Bootcamp by Colt Steele
- The Ultimate MySQL Bootcamp by Colt Steele
- Vue JS 2 - The Complete Guide by Maximilian Schwarzmuller
- React - The Complete Guide by Maximilian Schwarzmuller
- Angular - The Complete Guide by Maximilian Schwarzmuller
- Ultimate Web Developer by Brad Hussey
- The Complete Web Developer Course 2.0 by Rob Percival
- The Complete Web Development Bootcamp by Dr. Angela Yu
- Complete Python Bootcamp by Jose Portilla
- Svelte.js - The Complete Guide (incl. Sapper.js) by Maximilian Schwarzmuller
- Learn How To Code: Google's Go (golang) by Todd McLeod
- Data Structures and Algorithms by Andrei Neagoie
- The Complete Junior to Senior Web Developer Roadmap by Andrei Neagoie
- The Complete Web Developer Zero To Mastery by Andrei Neagoie
- Advanced Javascript Concepts by Andrei Neagoie
- Javascript the Complete Guide 2020 Beginner to Advanced by Maximilian Schwarzmuller
Laracasts Courses (by Jeffrey Way)
Reference
- Learn web development
- Emmet (cheatsheet)
- Markdown (cheatsheet)
- HTML MDN
- CSS MDN
- Javascript MDN
- CSS Easing
- CSS for people who hate CSS
Concepts
Blogs and Subreddits
- Dev.to
- Devhints.io
- Hacker News
- /r/css
- /r/Frontend
- /r/javascript
- /r/jquery
- /r/laravel
- /r/PHP
- /r/PHPhelp
- /r/reactjs
- /r/vuejs
- /r/web_design
- /r/webdev
Design and Prototyping Tools
Placeholder Text
Mail Utilities
Public API's
Game Development
Local Development Environments
- Installing AMP Stack on Mac
- Mac Web Development Environment
- Devilbox
- Laragon
- MAMP
- WAMP (Windows Only)
- Laravel Valet (Mac Only)
- Setup WSL on Windows for Web Dev
Digital Ocean Setup
- Link a Domain
- Initial Server Setup
- Setup LAMP stack
- Reset MySQL password
- Setup Mod Rewrite in Apache for cleaner URLs
- Install Git
- Install Composer
- Install Node.js
- Deploy Laravel to DigitalOcean
Digital Ocean Setup [Advanced]
Setting up SSL Cert with a wildcard with Certbot
sudo certbot certonly --manual --preferred-challenges=dns --server=https://acme-v02.api.letsencrypt.org/directory --agree-tos -d yourtld.com,*.yourtld.com
Web Design Inspirations
Browser Compatibility
Tools
-
- ESLint by Dirk Baeumer
- Laravel Blade Snippets by Winnie Lin
- Material Icon Theme by Philipp Kief
- PHP Intelephense by Ben Mewburn
- PocstCSS Language Support by csstools
- Prettier - Code formatter by Esben Petersen
- Rainglow by Dayle Rees
- SCSS Intellisense by mrmlnc
- Vetur by Pine Wu
- Vue VSCode Snippets by sarah.drasner
- VSCode Cheatsheet