Recursos Incríveis para Desenvolvimento Web: O Guia Definitivo
em Ferramentas | Etiquetas: Development, Resources, Awesome, Ferramentas
This is an awesome project about Web Development resources. ⚡
From: @markodenic/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 repo, be sure to ⭐ it.
Please read contributing guidelines before submitting new resources.
Initially created by Marko Denic on Twitter.
Table of Contents
- Awesome Web Development Resources
- 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:
| Website |
|---|
| VS Code |
| Sublime Text |
| Atom |
| Brackets |
| Vim |
| Spacemacs |
| Emacs |
| Neovim |
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:
| Website |
|---|
| Chart.js |
| D3.js |
| three.js |
| amCharts |
| Charts.css |
| ECharts |
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:
| Website | |
|---|---|
| Google PageSpeed Insights | |
| GTmetrix | |
| WebPageTest | |
| Yslow | |
| web.dev | |
| asayer | Ps.: Has a great Blog |
| Optimizilla |
HTML/CSS/JavaScript templates:
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 |
| TailGrids | Handcrafted Tailwind CSS UI Components |
| Ayro UI Bootstrap | Bootstrap UI components for modern web apps |
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 |
| PrimeNG | Angular UI Component Library featuring elegant, high-performance, accessible and fully customizable UI Components. |
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 |
