Skip to content

Haroldo-Mayworm/Ferramentas_FrontEnd

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
README.md
README.md
 
 

Repository files navigation

Ferramentas para o Front-End

◾ Sites para desenvolvedor front-end

  • TextStudio - Cria efeitos de texto 3D
  • Shape Dividers - Gera divisores de formas verticais, responsivos, e animados facilmente com este gerador de divisores de formas SVG
  • Couleur - Uma ferramenta de cores simples para ajudá-lo a encontrar uma boa paleta de cores para seu projeto da web
  • Baseline CSS Filters - 36 Belos filtros de fotos, com edição simples e CSS para copiar
  • UI Deck - Modelo de página de destino HTML gratuitos e premium, temas de bootstrap, modelos de React, modelos de Tailwind, modelos de site HTML, e kits de interface de usuário
  • Naevner - Descrição de cores em linguagem natural, gerador de códigos em cores hexadecimais

◾ Templates HTML gratuitos

◾ Sites para aprender ou treinar CSS

◾ Geradores de CSS

◾ Ferramentas de desenvolvimento

◾ Design front-end

  • Adobe XD - Software de design para projetos
  • Awwwards - Inspiração para interfaces e templates com o que há de mais novo em questão de design de interfaces
  • Bootstrap - Framework CSS
  • BuildBootstrap - Crie layout responsivo para o framework Bootstrap na versão 3 e 4
  • Bulma CSS - Estrutura CSS gratuita baseada no Flexbox
  • Canva - Ferramenta de design online
  • Chart.js - Biblioteca JavaScript de criação de gráficos
  • Coolors - Palhetas de cores e monte a sua própria
  • Colors lol - Repositório de paletas de cores
  • Cruip - Recursos de templates
  • CSS Effects Snippets - Animações CSS prontas para usar
  • CSS Layout - Layouts e padrões populares feitos com CSS
  • CSS Reference - Guia visual para CSS com referencias de uso
  • CSS Tricks - Blog com vários tutoriais frontend
  • DevSamples - Exemplos de códigos fáceis de usar para HTML, CSS e JavaScript
  • Excalidraw - Desenhe diagramas como se tivessem sido feitos a mão
  • Fancy Border-Radius - Gerador de formas com border-radius no CSS
  • Figma - Desenhe projetos online de apps, softwares e websites
  • Flatui Color Picker - Paleta de cores interativa de forma harmonizar o front
  • Colors and Fonts - Apresenta paletas de cores e tipografia
  • Font Flipper - Ferramenta para testar fontes
  • FontPair - Ferramenta para combinações de fontes
  • FontSpark - Gera fontes aleatórias de uma lista de fontes famosas usadas na web
  • fontJoy - geador de fonts relacionadas
  • Foundation - Framework responsivo
  • Framer - Ferramenta de criação de interfaces interativas
  • FreeFrontEnd - Exemplos de códigos, tutoriais e artigos de HTML, CSS, Javascript (Angular, JQuery, React, Vue)
  • Gravit Designer - Ferramenta de design online com suporte a ilustração vetorial
  • Grid Layoutit - Gerador de grid para código CSS
  • HTML DOM - Gerenciar o DOM HTML com JavaScript vanilla
  • Interfacer - Recursos para criação de interfaces
  • Interfaces.pro - Inspiração para interfaces
  • Invision - Software de design para projetos
  • Lottie - Animações em after effects via json
  • Luna - Framework CSS brasileiro
  • Material-UI - Um framework de interface de usuário para React
  • Mockup - Visualize e colabore no design de aplicativos para dispositivos móveis
  • Nes.css - Framework CSS estilo NES
  • Neumorphism - Tendência aplicação border-radius
  • Normalize CSS - Normaliza estruturas entre navegadores
  • Pixilart - Desenhe pixel arts online
  • Pixlr - Conjunto de ferramentas e utilitários de edição de imagem baseado em nuvem
  • PSD-To-CSS-Shadow - Gera o script para uma sombra (box-shadow & text-shadow) no CSS baseado nas configurações de sombra no Photoshop
  • Pure.css - Framework CSS responsivo
  • Remove.bg - Remove fundos de imagens automaticamente
  • Sketch - Desenvolvimento de layouts em alta qualidade
  • Squoosh.app - Compressor de imagens e comparador, via navegador
  • SweetAlert2 - Biblioteca JavaScript de alertas responsivos e customizáveis
  • Tailwind CSS - Framework de estilo CSS
  • UI Gradients - UI gradientes para utilizar
  • Vectorizer - Converta imagens como PNGs, BMPs e JPEGs em gráficos vetoriais ​​(SVG, EPS, DXF)
  • Whimsical - Flowchart, Wireframe, Sticky Notes e Mind Map
  • X-Icon Editor - Gerador de favicon com alta resolução a partir de imagens

◾ Desafios

  • Ace Front End - Desafios de programação Front-end. Resultados via texto. IDE integrada
  • AdventoOfCode - Desafios de programação por temporada. Sem IDE integrada. Validação manual feita pelo usuário
  • App Ideas - Compilado de desafios para você testar seus conhecimentos e aumentar seu portfólio
  • CodePen Challenges - Desafios de Programação Front-end. IDE integrada
  • Codier - Desafios de Programação Front-end, análise dos resultados feita pela comunidade. IDE integrada
  • CSS Battle - Batalhas temporárias de CSS. IDE integrada
  • DevChallenge - Site com desafios de front-end, back-end e mobile
  • Flex Box Defense - Desafio de Programação Front-end focados na propriedade flex box. IDE integrada.
  • Flex Box Froggy - Desafio de Programação Front-end focados na propriedade flex box. IDE integrada.
  • Front End Challanged Club - Bogs com desafios de programação front-end
  • Frontend Challengens - Repositório no GitHub com vários desafios solicitados reais solicitados por empresas
  • Frontend Mentor - Desafios de Programação Front-end, análise dos resultados feita pela comunidade, sem IDE integrada
  • Code Well - Treine suas habilidade de HTML e CSS com alguns templates

◾ Bibliotecas para JavaScript

◾ Ferramentas para hospedar seu site

  • Github Pages - Hospedado diretamente de seu repositório GitHub. Basta editar, enviar e suas alterações entrarão em vigor
  • Award Space - Hospedagem gratuita na web + um subdomínio gratuito, PHP, MySQL, instalador de aplicativo, envio de e-mail e sem anúncios
  • Byet - Hospedagem Gratuita e Serviços de Hospedagem Premium.
  • Infinity Free - Free Unlimited Web Hosting
  • 1FreeHosting - Hospedagem de sites grátis com 100GB de largura de banda
  • Amazon Web Services - Serviço de aluguel de servidores e outros serviços
  • BlueHost - Empresa americana de hospedagem de sites
  • DigitalOcean - Aluguel de servidores dedicados e compartilhados
  • DreamHost - Hospedagem de sites de alta disponibilidade
  • Embratel - Hospedagem de sites nacional
  • GoDaddy - Hospedagem de sites internacional
  • GoDaddy - Empresa de aluguel de servidores compartilhados, dedicados e registro de domínio
  • Google Cloud - Serviço de aluguel de servidores da Google
  • Heroku - Hospedagem de sites grátis com suporte à NodeJS, Java, Ruby, PHP, Python, Go, Scala e Clojure
  • HostGator - Hospedagem compartilhada e dedicada para sites e serviços
  • Hostinger - Hospedagem de sites
  • Hostoo - Hospedagem de sites em cloud computing dedicado
  • iPage - Hospedagem de sites gringa com descontos para anúncios
  • KingHost - Hospedagem compartilhada e dedicada para sites e serviços de marketing por e-mail
  • Netlify - Hospedagem para sites estáticos que combina implantação global, integração contínua e HTTPS automático
  • One.com - Serviços gerais digitais (incluindo hospedagem de sites)
  • Surge - Hospedagem gratuita para páginas estáticas
  • Umbler - Hospedagem compartilhada, cloud computing sob taxação de uso
  • Vercel - Hospedagem grátis de sites estáticos e serveless

◾ Sites para inspirar o seu desenvolvimento

◾ Banco de imagens gratuitas

◾ Sites para baixar e encontrar fontes

◾ Sites de paletas de cores

◾ Lista de ilustrações

◾ Site de icones

About

No description, website, or topics provided.

Resources

Readme
Activity

Stars

1 star

Watchers

2 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published