Resources are extremely important for a programmer since they can greatly improve productivity while coding. I have been collecting many links throughout the months and I wish to share some of them with you.
Hopefully, they will be as useful to you as they have been to me. Without further ado here some great free and up-to-date resources!
HTML
CSS
JAVASCRIPT
Resource | Description |
JavaScript 30 | Build 30 things with vanilla JS in 30 days |
Codewars | Improve your skills by training with others on real code challenges |
ESLint | Find and fix problems in your JavaScript code |
Prettier | Opinionated Code Formatter |
ICONS
COLORS
Resource | Description |
Material Design Colors | Material design colors |
Flat UI Colors | A total set of 14 color palettes and 280 colors for your designs, projects, presentations and other needs |
Color Hunt | A free and open platform for color inspiration with thousands of trendy hand-picked color palettes |
Color Space | Color palettes generator and color gradient tool |
uiGradients | Beautiful colored gradients |
coolors.co | Color pallettes generator |
ILLUSTRATIONS
IMAGES
Resource | Description |
Unsplash | The internet’s source of freely useable images |
Pexels | The best free stock photos & videos shared by talented creators |
Burst | Free stock photos for websites and commercial use |
ISO Republic | Thousands of Free High-Resolution CC0 Photos and Videos |
Pixabay | Stunning free images & royalty-free stock |
StockSnap.io | Beautiful free stock photos |
Photopea | Advanced online photo editor |
Online Image Compressor | Compress up to 20 images at a time |
Bulk Resize Photos | The fastest online photo size reducer |
READINGS
ACCESSIBILITY
DEPLOYMENT
Resource | Description |
GitHub Pages | Free web hosting service by GitHub |
Netlify | Deploy your site in 30 seconds |
Vercel | Ship your site in seconds |
Surge | Simple, single-command web publishing |
OTHERS
Resource | Description |
web.dev | See how well your website performs; uses Lighthouse |
Shape Divider | A tool to generate sleek dividers for your website |
GTmetrix | Tool that analyzes your page's speed performance |
Can I Use | Support tables for HTML, CSS, etc |
Carbon | Create and share beautiful images of your source code |
Wappalyzer | Identify technologies on websites |
Conclusion
I hope all of these resources can help you build better websites and apps as they have helped me! If you have another favorite resource, please write them up in the comments below.
Thanks for reading 💛