Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jatin2003/resources-for-web-developers

Resources for Web Developers
https://github.com/jatin2003/resources-for-web-developers

List: resources-for-web-developers

awesome awesome-list css free-illustrations icons illustrations javascript resou

Last synced: about 2 months ago
JSON representation

Resources for Web Developers

Awesome Lists containing this project

README 

        
# Resources For Web Developers



I have been collecting many links throughout months and I wish to share some of them with you. Don't hesitate to contribute more useful resource 😉



---



## HTML



- [W3C Markup Validator](https://validator.w3.org/)

- [Meta Tags](https://metatags.io/)

- [HTML.COM](https://html.com/)



## CSS



- [W3C CSS Validator](https://jigsaw.w3.org/css-validator/)

- [Animate.css](https://animate.style/)

- [animista](http://animista.net/)

- [CSSeffectsSnippets](https://emilkowalski.github.io/css-effects-snippets/)

- [SpinKit](https://tobiasahlin.com/spinkit/)

- [CSS Minifier](https://cssminifier.com/)

- [CSS Box Shadow Generator](https://www.cssmatic.com/box-shadow)

- [Neumorphism.io](https://neumorphism.io/)

- [Get waves](https://getwaves.io/)



## JAVASCRIPT



- [MDN Web Docs](https://developer.mozilla.org/en-US/)

- [JavaScript 30](https://javascript30.com/)

- [Codewars](https://www.codewars.com/)

- [ESLint](https://eslint.org/)

- [Prettier](https://prettier.io/)

- [Particles.js](https://vincentgarreau.com/particles.js/)

- [ES6 Basic Features](https://github.com/lukehoban/es6features)

- [Javascript Info](https://javascript.info/)

- [tsParticles](https://particles.matteobruni.it/)



## ICONS



- [Font Awesome](https://fontawesome.com/)

- [Feather](https://feathericons.com/)

- [Fontisto](https://www.fontisto.com/)

- [Ionicons](https://ionicons.com/)

- [Heroicons](https://heroicons.dev/)

- [Simple Icons](https://simpleicons.org/)

- [Material Design Icons](https://material.io/resources/icons/)

- [Icons8](https://icons8.com/)

- [IconsScout](https://iconscout.com/)

- [3dicons](https://www.3dicons.com/)

- [Iconshock](https://www.iconshock.com/)



## COLORS



- [Material Design Colors](https://www.materialui.co/colors)

- [Flat UI Colors](https://flatuicolors.com/)

- [Color Hunt](https://colorhunt.co/)

- [Color Space](https://mycolor.space/)

- [Coolors](https://coolors.co/)

- [uiGradients](http://www.uigradients.com/)

- [ImageHive](https://www.imagehive.co)



## ILLUSTRATIONS



- [Undraw](https://undraw.co/illustrations)

- [manypixels](https://gallery.manypixels.co/)

- [IRA Design](https://iradesign.io/gallery/illustrations)

- [Free Illustrations by Lukasz Adam](https://lukaszadam.com/illustrations)

- [Blobmaker](https://www.blobmaker.app/)

- [Get Waves](https://getwaves.io/)

- [Colors and Fonts](https://www.colorsandfonts.com/)

- [BADA55](http://bada55.io/)

- [Gradient Background Colors](https://www.eggradients.com/)

- [Grabient](https://cssgradient.io/gradient-backgrounds/)

- [Black Illustration](https://www.blackillustrations.com/)

- [Illustrations Figma](https://www.artify.co/illustrations-figma)

- [vector Illustrations](https://www.artify.co/vector-illustrations)



## IMAGES



- [Unsplash](https://unsplash.com/)

- [Pexels](https://www.pexels.com/)

- [Burst](https://burst.shopify.com/)

- [ISO Republic](https://isorepublic.com/)

- [Pixabay](https://pixabay.com/)

- [StockSnap.io](https://stocksnap.io/)

- [Photopea](https://www.photopea.com/)

- [Online Image Compressor](https://imagecompressor.com/)

- [Bulk Resize Photos](https://bulkresizephotos.com/)

- [Background Remover](https://www.remove.bg/)

- [Favicon Generator](https://favicon-generator.org/)

- [BGJar](https://bgjar.com/)

- [Optimize Images](https://www.optimizeimages.com)



## Designs



- [Pinterest](https://www.pinterest.com/)

- [Dribble](https://dribbble.com/)

- [Behance](https://www.behance.net/)

- [Ui Design Daily](https://uidesigndaily.com/)

- [Uxcel](https://uxcel.com/)



## READINGS



- [Front-end Developer Handbook 2019](https://frontendmasters.com/books/front-end-handbook/2019/)

- [HackerRank 2020 Developer Skills Report](https://research.hackerrank.com/developer-skills/2020)

- [Stack Overflow Developer Survey 2020](https://insights.stackoverflow.com/survey/2020)

- [HTML & CSS](http://www.htmlandcssbook.com/)

- [Refactoring UI](https://refactoringui.com/book/)

- [airbnb JavaScript Style Guide](https://github.com/airbnb/javascript)

- [JavaScript & jQuery](http://javascriptbook.com/)

- [You Don't Know JS](https://github.com/getify/You-Dont-Know-JS)

- [Eloquent JavaScript](https://eloquentjavascript.net/)

- [Learning JavaScript Design Patterns](https://addyosmani.com/resources/essentialjsdesignpatterns/book/)

- [Web Content Accessibility Guidelines (WCAG) 2.1](https://www.w3.org/TR/WCAG21/)

- [Advance HTML and CSS](https://learn.shayhowe.com/advanced-html-css/)

- [HTML CSS & JS](https://www.quackit.com/)



## BLOGGING



- [Hashnode](https://hashnode.com/)

- [Medium](https://medium.com/)

- [Dev.to](https://dev.to/)



## ACCESSIBILITY



- [NV Access](https://www.nvaccess.org/)

- [ChromeVox Chrome Extension](https://chrome.google.com/webstore/detail/chromevox/kgejglhpjiefppelpmljglcjbhoiplfn)

- [axe Chrome Extension](https://chrome.google.com/webstore/detail/axe/lhdoppojpmngadmnindnejefpokejbdd)



## DEPLOYMENT



- [GitHub Pages](https://pages.github.com/)

- [Netlify](https://www.netlify.com/)

- [Vercel](https://vercel.com/)

- [Surge](https://surge.sh/)

- [Begin](https://begin.com/)

- [Heroku](https://www.heroku.com/)

- [000WebHost ](https://www.000webhost.com/)

- [Heliohost](https://www.heliohost.org/)

- [InfinityFree](https://infinityfree.net/)

- [CommonsHost](https://commons.host/)

- [PonyICU](https://pony.icu/)

- [GitLab Pages](https://about.gitlab.com/stages-devops-lifecycle/pages/)

- [Firebase](https://firebase.google.com/)



## BROWSER EXTENSIONS (Chrome)

- [WhatFont](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm)

- [Eye Dropper](https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka)

- [VisBug](https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc)

- [f19N Obtrusive Live Test](https://chrome.google.com/webstore/detail/franz-enzenhofer-seo-live/jbnaibigcohjfefpfocphcjeliohhold)

- [SVG-grabber](https://chrome.google.com/webstore/detail/svg-grabber-get-all-the-s/ndakggdliegnegeclmfgodmgemdokdmg?ref=producthunt)



## OTHERS



- [web.dev](https://web.dev/measure/)

- [Shape Divider](https://www.shapedivider.app/)

- [GTmetrix](https://gtmetrix.com/)

- [Can I Use](https://caniuse.com/)

- [Carbon](https://carbon.now.sh/)

- [Wappalyzer](https://www.wappalyzser.com/)

- [Readme](https://readme.com/)

- [RegExr](https://regexr.com/)

- [JSON formatter](https://jsonformatter.org/)

- [Codepen Online Platform](https://codepen.io/)

- [Troopl](https://troopl.com)