An Interest In:
Web News this Week
- April 26, 2024
- April 25, 2024
- April 24, 2024
- April 23, 2024
- April 22, 2024
- April 21, 2024
- April 20, 2024
Some of Our Sources
- BoingBoing
- Simplebits
- Just Creative
- Noupe
- Web Design Ledger
- Web Resource Source
- Willems Lab
- Daily Now
- Hashedout
- The Verge
Help Webnuz
Referal links:
December 26, 2021 05:42 am GMT
Awesome Web Development Resources
Original Link: https://dev.to/codewhiteweb/1000-web-development-resources-24mb
1000 Web development resources
Awesome Web Development Resources 
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.
Table of Contents
- Hosting
- Learning Platforms
- Coding Challenge Platforms
- Freelancing platforms
- Remote Jobs
- Photos
- Illustrations
- Icons
- Fonts
- Youtube Channels
- Podcasts
- Code Editors
- Color Palettes
- UI Inspiration
- Docs
- Animation Libraries
- Charts
- Chrome Extensions
- Website Optimization Tools
- HTML/CSS/JavaScript templates
- Newsletters
- CSS Generators
- Online Tools
- UI Components
- Vue UI libraries
- React UI libraries
- Angular UI libraries
- Others
Hosting:
Learning Platforms:
Coding Challenge Platforms:
Freelancing platforms:
Remote Jobs:
Photos:
Illustrations:
Icons:
Fonts:
| Website |
|---|
| https://fonts.google.com |
| https://fontspace.com |
| https://1001fonts.com |
| https://fontsquirrel.com |
| https://ffonts.net |
| https://fontfabric.com |
| https://urbanfonts.com |
Youtube Channels:
Podcasts:
Code Editors:
Color Palettes:
UI Inspiration:
Docs:
| Website |
|---|
| https://developer.mozilla.org |
| https://w3schools.com |
| https://w3docs.com |
| https://devdocs.io |
| https://free-for.dev |
Animation Libraries:
| Website |
|---|
| CSShake |
| Animate.css |
| AnimeJS |
| GreenSock (GSAP) |
| Magic Animations |
| Hover css |
| AniJS |
| Wicked CSS |
| Tuesday |
| Mo.js |
| Bounce.js |
| tsParticles |
| AOS |
| Velocity.js |
| Popmotion |
| Snap.svg |
| Animista |
| Lottie-Player |
Charts:
Chrome Extensions:
| Website |
|---|
| Web Developer |
| CSSViewer |
| Wappalyzer |
| JSONView |
| Lorem Ipsum Generator |
| daily.dev - News for Busy Developers |
| Lighthouse |
| Checkbot - SEO, speed & security checker |
| Performance-Analyser |
| WhatFont |
| Visbug |
Website Optimization Tools:
HTML/CSS/JavaScript templates:
| Website |
|---|
| https://inovatik.com |
| https://www.tooplate.com |
| https://html5up.net |
| https://templatemo.com |
| https://uideck.com |
| https://freehtml5.co |
| https://www.zerotheme.com |
| https://bootstrapmade.com |
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. |
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 |
UI Components:
| Website | Description |
|---|---|
| CssLayout | A site with multiple css code snippets for very frequently used components in day to day web pages |
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. |
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. |
Angular UI libraries:
| Website | Description |
|---|---|
| Taiga UI | A powerful set of open source components for Angular |
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 |
To Contribute send a Pull request to the owner on this Repo
Original Link: https://dev.to/codewhiteweb/1000-web-development-resources-24mb
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To