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 1 month 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)