anshcena/Free-Resources-for-Developers

Free resources for web development listed for developers.

Content Credit : Marko ⚡ Denic | AnkurGreen ❤️ JavaScript

Some Listing of Free Resources

Kits

• Github Student Pack

Static Web Hosting

• Netlify
• Firebase
• Github Pages
• Vercel
• Surge.sh
• Render
• Gitlab Pages

Backend Hosting

• AWS Lambda - 1 Million hits free per month
• Glitch - 1000 hours per month
• Python Anywhere
• Heroku

Top Free HTML Templates

• http://uideck.com
• http://creative-Tim.com
• http://html5up.net
• http://freehtml5.co
• http://onepagelove.com
• http://graygrids.com
• http://inovatik.com
• http://uicookies.com

https://bennettfeely.com/clippy/

UI

• https://uimovement.com
• http://uigarage.net
• http://collectui.com

Neumorphism Generator

• neumorphism.io

Illustrations

• undraw.co
• drawkit.io
• icons8.com
• iradesign.io
• interfacer.xyz
• blush.design
• freepik.com
• heropatterns.com
• Open Doodles - https://www.opendoodles.com/
• illustrations-figma
• vector-illustrations

Photos

• http://unsplash.com
• http://pixabay.com
• http://pexels.com

Icons

• http://fontawesome.com
• http://flaticon.com
• http://icons8.com
• http://material.io/resources/icons
• http://iconmonstr.com
• https://www.iconfinder.com
• https://www.3dicons.com/
• https://www.iconshock.com/

PWA Icon Generator

• https://github.com/anshcena/pwa-icon-generator

Color Palettes:

• https://coolors.co
• https://colorhunt.co
• https://paletton.com
• https://color-hex.com
• https://mycolor.space

UI Inspiration:

• https://dribbble.com
• https://www.evernote.design
• https://pageflows.com

Animation Libraries:

• CSShake
• Animate.css
• AnimeJS
• GreenSock (GSAP)
• Magic Animations
• Hover css
• AniJS
• Wicked /CSS
• Tuesday
• Mo.js
• Bounce.js

Wave Generator

• https://getwaves.io/

Maps

• https://leafletjs.com/

Charts / Data Visualization:

• D3.js
• Chart.js
• Plotly.js

6 JavaScript Libraries for form validation

• Validate.js
• Validator.js
• Parsley.js
• Formik (for React)
• Vuelidate (for Vue)
• Angular Validator (for Angular)

404 Pages

• https://search.muz.li/inspiration/404-page-not-found-design-inspiration/
• https://error404.fun/

Chrome Extensions:

• Web Developer
• CSSViewer
• Wappalyzer
• JSONView
• Lorem Ipsum Generator
• The Great Suspender
• Talend API Tester
• Clear Cache
• Full Page Screen Capture
• ColorZilla
• WhatFont

Website Optimization Tools:

• Google PageSpeed Insights
• GTmetrix
• WebPageTest
• Yslow

VS CODE EXTENSIONS USEFUL FOR DEVELOPERS

• Tailwind CSS IntelliSense
• TabNine
• Auto Import
• Browser Preview
• Live SASS Compiler
• Prettier - Code formatter
• Better Comments
• Live Server
• Dracula Theme
• Bracket Pair Colorizer
• Error Lens

Awesome Web Developments Tools

Useful websites for web developers:

• daily. dev : News for Busy Developers

• devdocs. io : Free documentation browser for developers

• feathericons. com : Collection of open source icons

• shortcode. dev : Code cheatsheets

Text Editor

• VS Code
• Sublime Text Editor
• Atom
• Notepad ++
• Vim

Online Editors

• http://CodeOpen.io
• Sandbox
• JS Bin

Database(Popular)

• MongoDB
• PostgreSql
• My Sql
• Redis

Version Control

• Git
• indexCode Vaults
• GitHub
• GitLab

Most Popular UI Libraries

• Bootstrap
• Ant Design
• Material UI
• Seematic UI
• Chakra UI

Top 10 websites for freelancing:

• Codementor
• Upwork
• Freelancer
• Fiverr
• Toptal
• 99Designs
• Guru
• PeoplePerHour
• Dribbble
• Design Hill