DEV Community

Cover image for 1000+ Web development resources
CodeWhiteWeb
CodeWhiteWeb

Posted on • Updated on

1000+ Web development resources

Awesome Web Development Resources Awesome

This is an awesome project about Web Development resources. ⚡

Resources are added frequently! ⚡

Enjoy!

If you like this Post, be sure to ❤️ it.

Please read contributing guidelines before submitting new resources.


Initially created by Marko Denic on Twitter.


preview on the web


Table of Contents

Hosting:

⬆ back to top

Learning Platforms:

⬆ back to top

Coding Challenge Platforms:

⬆ back to top

Freelancing platforms:

⬆ back to top

Remote Jobs:

⬆ back to top

Photos:

⬆ back to top

Illustrations:

⬆ back to top

Icons:

⬆ back to top

Fonts:

⬆ back to top

Youtube Channels:

⬆ back to top

Podcasts:

⬆ back to top

Code Editors:

⬆ back to top

Color Palettes:

⬆ back to top

UI Inspiration:

⬆ back to top

Docs:

⬆ back to top

Animation Libraries:

⬆ back to top

Charts:

⬆ back to top

Chrome Extensions:

⬆ back to top

Website Optimization Tools:

⬆ back to top

HTML/CSS/JavaScript templates:

⬆ back to top

Newsletters:

Website Topics
Smashing Newsletter Front-end and UX.
Frontend Focus HTML, CSS, WebGL, Canvas, browser tech, and more.
CSS Weekly CSS.
JavaScript Weekly JavaScript.
Accessibility Weekly Accessibility.
RWD Weekly Newsletter Responsive web design.
JAMstacked JAMstack ecosystem.
UI Dev Newsletter User Interface development.
Go Make Things Daily Vanilla JavaScript.

⬆ back to top

CSS Generators:

Website Description
Glassmorphism Generators Use Glassmorphism Generator to create a stunning effect for your projects.
Buttons Generator An online gallery of 100+ button designs you can easily copy and use in your projects.
Layoutit Grid Quickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually and build web layouts with our interactive CSS Grid Generator.
CSS Gradient Editor You may only need this tool for creating CSS gradients and patterns.
Hola SVG Loaders Generator SVG Loaders Generator with Sass and SMIL options

Online Tools:

Website Description
QR Code Generator Use QR code generator to easily create a QR code for your project.
Google Analytics Checker Scan your project to ensure that Google Analytcs tag is properly set.
Gradient Art An advanced CSS gradient editor with layering, design tools and free cloud storage

⬆ back to top

UI Components:

Website Description
CssLayout A site with multiple css code snippets for very frequently used components in day to day web pages

⬆ back to top

Vue UI libraries:

Website Description
Vuetify Vuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze. Build amazing applications with the power of Vue, Material Design and a massive library of beautifully crafted components and features.
Vue Material Simple, lightweight and built exactly according to the Google Material Design specs.
BootstrapVue BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

⬆ back to top

React UI libraries:

Website Description
Material-UI Simple and customizable component library to build faster, beautiful, and more accessible React applications.
Ant Design An enterprise-class UI design language and React UI library.
React Bootstrap Bootstrap components built with React.

⬆ back to top

Angular UI libraries:

Website Description
Taiga UI A powerful set of open source components for Angular

⬆ back to top

Others:

Website Description
Markdown Preview Markdown Editor with instant preview using GitHub CSS.
JavaScript Quiz JavaScript Quiz - Check your knowledge by having fun.
CookieBubble The easy way to inform users that your website is using cookies.
Developer Updates Keeps you updated one everything going on in the software developement world
Boxy SVG Editor SVG Editing Tool - Here you can easily edit and save any SVG file
Cssrepo A curated list of awesome frameworks, style guides, and other cool nuggets for writing amazing CSS

⬆ back to top


To Contribute send a Pull request to the owner on this Repo

Discussion (15)

Collapse
pccprint profile image
reactjsfav

Awesome CSS cssrepo.com/

Collapse
codewhiteweb profile image
CodeWhiteWeb Author

nice site!
but most image links are broken
see
image

Collapse
pccprint profile image
reactjsfav

Already fixed, thanks for the reminder!

Collapse
codewhiteweb profile image
CodeWhiteWeb Author

Your Site is approved by the Repo Owner
view it here :- github.com/markodenic/web-developm...

Collapse
pccprint profile image
reactjsfav

Thank you!

Collapse
andrewbaisden profile image
Andrew Baisden

Super post what a great list of resources!

Collapse
codewhiteweb profile image
CodeWhiteWeb Author

Thanks Man!

Collapse
codewhiteweb profile image
CodeWhiteWeb Author

Thanks for showing so much love on this post!!!

Collapse
brampayrequest profile image
Bram Hammer

Neat list! I've added a few PR's which can be a great addition i think.

Collapse
cssweekly profile image
CSS Weekly

Thank you so much for including CSS Weekly into this extensive list! 🙏

Collapse
codewhiteweb profile image
CodeWhiteWeb Author

No problem,
This is the only motive of the list to help small and big creators.

Collapse
codewhiteweb profile image
CodeWhiteWeb Author

this list is updating everyday!
and this post help small creators to expand their reach!
if you have any good resource , u can comment or send a pull request to owner

Collapse
jerryjrao profile image
JerryJRao

Super CSS

Collapse
codewhiteweb profile image
CodeWhiteWeb Author

can u please provide the site's link or any docs ?