Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
awesome-frontend
:eyeglasses: Uma lista de links, documentações e artigos úteis para o desenvolvimento de aplicações frontend.
https://github.com/EduardoRotundaro/awesome-frontend
- 7 Regras para criar UIs Part I - Uma lista com 7 "regras" para seguir ao criar interfaces de usuário (parte I).
- 7 Regras para criar UIs Part II - Uma lista com 7 "regras" para seguir ao criar interfaces de usuário (parte II).
- 30 seletores CSS - Uma lista com 30 formas de selecionar elementos com CSS.
- BEM - Padrão de nomenclatura de classes CSS para um projeto organizado.
- Código Limpo com Javascript - Conceitos de código limpo aplicados em Javascript.
- Conteúdo do Head - Uma lista com tags para inserir no HEAD da página e o porquê de inseri-las.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Frontend Checklist II - Outra lista de itens necessários/obrigatórios em uma aplicação frontend.
- HTML5 Cheatsheet - Uma lista com todas as tags HTML e uma descrição sobre quando dever ser utilizadas.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- + Javascript Design Patterns - Mais alguns design patterns explicados e exemplificados em Javascript.
- Micro-frontend - Artigo sobre o conceito de micro frontends.
- Mobile First - Um guia sobre o conceito "Mobile First".
- Organizando o HTML - Estruturando o HTML da forma correta.
- Padrões de Arquitetura - Padrões explicados: MVC, MVP, VIPER, MVVM, MVI, FLUX, REDUX.
- Padrões de Arquitetura II - Os mais importantes padrões de arquitetura.
- SEO - Um guia sobre SEO.
- SOLID - Um guia completo sobre SOLID.
- Testes - Um artigo sobre testes em frontend.
- UI Patterns - Design patterns na criação de interfaces de usuário.
- Validação de formulários - Um artigo com as melhores práticas para validação de formulários.
- 4Devs - Ferramenta para desenvolvedores: geradores, validadores, funções...
- Can I Use? - Informa se determinado recurso é suportado por browsers ou por determinadas versões.
- Conventional Commits - Uma convenção simples para dar um significado legível às mensagens de commit.
- Free Formatter - Ferramenta para desenvolvedores: formatadores, validadores, minificadores de código, conversores...
- Gitmoji - Uma forma visual de categorizar os commits de um projeto.
- Oh Shit Git - Uma lista com comandos GIT que podem salvar.
- Pingdom Website Speed Test - Uma ferramenta online para testes de performance em sites.
- REPL - Uma IDE online, com suporte a mais de 50 linguagens.
- 30 Seconds of Code - Outra coleção de dicas e utilidades Javascript.
- 33 JS Concepts - 33 conceitos em Javascript que todo desenvolvedor "deve" conhecer.
- Apps Ideas - Uma coleção de idéias para criar aplicações para aprender um novo conceito, uma nova tecnologia ou aumentar o portifólio. ★
- CSS Protips - Coleção de dicas e utilidades CSS.
- JS Tips - Coleção de dicas e utilidades Javascript.
- Web Development Roadmap - Um roteiro de estudo, focado em áreas de desenvolvimento web.
- 960 Grid System - sistema de grid com 12 ou 16 colunas.
- Pure CSS - pacote de módulos CSS leve e responsivo.
- Purge CSS - remova códigos CSS não utilizados.
- Post CSS - criação e edição de estilos CSS com plugins.
- Tailwind - framework CSS para criação rápida de estilos.
- Andy.scss - coleção de mixins utilitários.
- Bourbon - coleção de ferramentas SASS.
- Breakpoint SASS - coleção de Media Queries.
- CSS Owl - coleção de mixins utilitários.
- Pleeease - pré-processador de CSS.
- SASS CSS3 Mixins - coleção de mixins utilitários.
- Analyze CSS - analisar performance de arquivos CSS.
- Base - framework CSS responsivo.
- Bulma - framework CSS baseado em Flexbox.
- Clipboard - biblioteca utilitária para "Copy to clipboard".
- Dinero - biblioteca para manipulações com dinheiro.
- Format.js - biblioteca para formatações.
- History - biblioteca de histórico e estados.
- Is.js - biblioteca para validações.
- Lodash - biblioteca de utilidades em JS.
- Luxon - biblioteca de manipulação de datas me JS.
- Math.js - biblioteca de utilidades matemáticas.
- Moment.js - biblioteca de manipulação de datas me JS.
- Pug - template engine.
- Voca.js - biblioteca para strings em JS.
- Auto Prefixer
- CSS Matic
- CSS Type Set
- CSS3 Maker
- Enjoy CSS
- Flexy Boxes
- Grid Maker
- Responsive Patterns
- Dafont
- Google Fonts
- Adobe Colors
- Brand Colors
- Coolors
- Flat UI Colors
- Gradient Generator
- HTML Color Codes
- UI Gradients
- Feather
- Font Awesome
- Fontello
- FreePik
- Google Material Icons
- Icons8
- Icon Monster
- Material Design
- Octicons
- Simple Icons
- The Noun Project
- Emojis
- Emoji Cheat Sheet
- Emoji Pedia
- HTML Symbols
- Animate
- Animate.css
- Animista
- Hover
- Infinite
- Motion
- Reboundgen
- Tuesday
- Vivify
- Code My UI
- Collect UI
- Dribbble
- Free Frontend
- Httpster
- Inspiration UI
- Lapa Ninja
- One Page Love
- Page Flows
- Ant Design
- Awesome React
- Awesome React Components
- Blueprint
- Material Design
- Material UI
- Next.js
- Semantic UI
- Styled Components
- Dillinger
- Stack Edit
- Flex Box Froggy
- Flukeout
- Internet Is Hard
- GRID By Example
- React Patterns
- CSS & SASS
- Javascript
- React
- 9 Flexbox Features
- Code Geekz
- Frontend Development Roadmap
- Lazy Loading Images
- Media Queries
- SASS Structure
- You Dont Know JS
- Code House
- CSS Author
- CSS Tricks
- Egg Head
- freeCodeCamp
- Site Point
- Tutorial Zine
- Lorem Ipsum Generator
- Mussum Ipsum
- Lean Logo Maker
- Logo Makr
- Online Logo Maker
- Unsplash
- Bootstrap
- Foundation
- Shoe Lace
- Awesome
- Design
- Design Patterns
- Design Tools
- Frontend
- MongoDB
- Node.js
- React
- React Tips
- React Components
- React Native
- Redux
- CSS
- React.js
- SASS
- React DevTools
- Redux DevtTools
- Wave Evaluation Tool
- 30 Seconds Of Code
- Javascript Algorithms
- Learn Layout
- Svelte
Programming Languages
Keywords
javascript
15
react
10
css
9
awesome-list
8
awesome
8
es6
4
nodejs
3
list
3
resources
3
lists
3
programming
3
html
3
sass
2
webpack
2
reference
2
redux
2
react-native
2
web-development
2
eslint
2
design-patterns
2
es2015
2
animation
2
css-animations
2
education
2
typescript
2
best-practices
2
learn-to-code
2
computer-science
2
phantomas
1
performance-analyzer
1
nodejs-roadmap
1
metrics
1
python-roadmap
1
qa-roadmap
1
react-roadmap
1
javascript-roadmap
1
dart-sass
1
css-source
1
roadmap
1
software-architect-roadmap
1
css-selectors-complexity
1
emoji
1
web
1
sprites
1
material-design
1
material
1
ios
1
icons
1
android
1
timezones
1