Resources
Links to tools, libraries, frameworks, and more to improve your development process.
General Guides & Information
#Web Development
Step by step guides and paths to learn different tools or technologies.
Languages & Markup
#HTML/SVG
SVGOMG is SVGO's Missing GUI, aiming to expose the majority, if not all the configuration options of SVGO.
#CSS
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
#JavaScript
ES6 has been getting a lot of press lately. And with all of the benefits that the new syntax and built-ins bring, it damn well should.
I heard you like bullet points, so I made an article containing hundreds of those bad boys.
Build 30 things with vanilla JS in 30 days with 30 tutorials.
Comprehensive guide for building Jamstack sites and home of the global Jamstack community.
Find the cost of adding a npm package to your bundle.
#PHP
Valet is a Laravel development environment for Mac minimalists. No Vagrant, no /etc/hosts file. You can even share your sites publicly using local tunnels.
Libraries & Frameworks
#React
Gatsby is a React-based open source framework for creating websites and apps.
Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more.
A performant and comprehensive React sticky component.
Create awesome tours for your app! Showcase your app to new users or explain functionality of new features.
Fetch, cache and update data in your React and React Native applications all without touching any 'global state'.
A utility for converting HTML strings into React components.
React component to format number in an input or as a text.
#Vue.js
Build your next Vue.js application with confidence using NuxtJS. An open source framework making web development simple and powerful.
#Svelte
Svelte is a radical new approach to building user interfaces.
SvelteKit is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing.
#WordPress
Use the Advanced Custom Fields plugin to take full control of your WordPress edit screens & custom field data.
Underscores is a starter theme designed to cut down many hours of development time when setting up a new custom theme.
Wordmove is a command line tool that lets you automatically mirror local WordPress installations and DB data back and forth from your local development machine to one or more remote servers.
WPGraphQL is a free, open-source WordPress plugin that provides an extendable GraphQL schema and API for any WordPress site.
Tooling & Bundlers
Expanding Knowledge
#Websites & Blogs
A community of software developers getting together to help one another out.
Master the JavaScript Ecosystem
#Computer Science
An entire Computer Science curriculum using only YouTube videos.
Other
#Design
Figma brings your teams together to design better products from start to finish.
Create the perfect palette or get inspired by thousands of beautiful color schemes.
A happy little website and free tool that lets you create a gradient background for websites.
Happy Hues is a color palette inspiration site that acts as a real world example as to how the colors could be used in your design projects.
Free svg background generator for your websites, blogs and app.
#Typography
Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.
#YouTube
Learn to code for free.
Traversy Media features web development and programming tutorials for web technologies including Node.js, Angular 2, React.js, PHP, Rails, HTML, CSS and more.
#Podcasts
A Tasty Treats Podcast for Web Developers.
#Miscellaneous
A dark theme for hundreds of applications.