PureRef
O conselho de administração da inspiração
PureRef é uma ferramenta de gestão de referências que lhe permite reunir e organizar toda a sua inspiração visual num único local. Com uma tela infinita, pode arrastar e largar imagens diretamente da Web ou dos seus ficheiros, organizando-as livremente para criar um mood board pessoal ou uma referência de design.
É um programa obrigatório para designers e programadores. Está disponível para Mac, Linux e Windows
GSAP
Biblioteca de animação popular da Web
GSAP é uma biblioteca JavaScript popular que facilita a criação de animações suaves e de elevado desempenho na Web. Tem uma API muito intuitiva para programadores, pelo que pode utilizar esta biblioteca para criar facilmente animações simples ou muito complexas.
Font Tester
Extensão de tipografia para webdevelopers
O Font Tester é uma poderosa extensão do Chrome que o ajuda a escolher tipos de letra para o seu sítio Web. Pode ajudá-lo a testar e pré-visualizar mais de 1000 tipos de letra em qualquer site, ajudando-o a criar uma perceção poderosa da sua marca através de uma melhor tipografia.
Por isso, se não sabe escolher bons tipos de letra para o seu sítio Web, não deixe de consultar esta extensão.
SVG Repo
Local para encontrar SVG Vetor e ícones
O SVG repo é um site popular e gratuito para encontrar e utilizar vectores SVG, com uma coleção de mais de 500.000 ícones e vectores à sua escolha. Todos os ícones estão disponíveis gratuitamente para projectos pessoais e comerciais.
Color Hunt
Paleta de cores selecionada
O Color Hunt fornece uma coleção de paletas de cores com curadoria, ideal para web designers que procuram novas combinações de cores. Cada paleta é cuidadosamente elaborada e aprovada pela comunidade, ajudando-o a encontrar esquemas de cores que se enquadram na sua estética sem a necessidade de adivinhar.
CSS Gradient
Gradient generator
CSS Gradient é um sítio Web simples mas poderoso para criar gradientes personalizados com CSS. Oferece uma interface intuitiva para selecionar cores, definir ângulos e ajustar paragens, gerando depois o código CSS, pronto a integrar no seu projeto.
Awwwards
Inspiration and top-rated designs
O Awwwards é uma plataforma de apresentação de sítios Web com as melhores classificações, que destaca a excelência em termos de design, criatividade e usabilidade. É um excelente recurso para os criadores e designers de sítios Web explorarem novas tendências, encontrarem inspiração e verem como são criados os melhores sítios Web.
Land Book
Inspiração e desenhos de topo de gama
O LandBook é uma galeria com curadoria de páginas de destino bonitas e eficazes. É uma grande fonte de inspiração para programadores e designers, apresentando exemplos reais de design de páginas de destino em diferentes sectores.
Screenity
Screen recording and product recording
O Screenity é uma poderosa extensão do Chrome para gravação de ecrã, que oferece funcionalidades como anotações durante a gravação, captura de entradas da câmara e do microfone e exportação de gravações em diferentes formatos. É perfeita para criar tutoriais, relatórios de erros ou orientações, o que a torna uma excelente ferramenta de produtividade para programadores, educadores e equipas remotas.
HTML REV
Learning resource and templates
O HTML Rev é uma extensa coleção de mais de 1500 modelos gratuitos, incluindo HTML, Bootstrap, Tailwind, React, Vue, Laravel e muito mais. Serve tanto como um valioso recurso de aprendizagem como uma biblioteca de modelos prontos a utilizar, para que não tenha de começar sempre do zero.
Excalidraw
Brainstorming
O Excalidraw é um quadro branco online de código aberto para esboçar diagramas e esquemas. O seu estilo desenhado à mão e as suas ferramentas intuitivas tornam-no perfeito para brainstorming, fluxogramas ou para mapear rapidamente ideias para projectos Web.
Codepen
Editor online
O CodePen é um editor de código online para HTML, CSS e JavaScript, que permite aos programadores criar, partilhar e explorar projectos front-end. Oferece pré-visualizações em tempo real e uma forte comunidade para feedback e inspiração. Ideal para criação de protótipos e aprendizagem.
BrowserStack
Ferramenta de teste entre navegadores
O BrowserStack é uma ferramenta popular de teste de navegadores, que fornece testes entre navegadores em dispositivos reais, ajudando os programadores a testar a compatibilidade de sítios Web em vários navegadores e sistemas operativos sem a necessidade de um laboratório físico. É uma ferramenta de referência para garantir uma experiência de utilizador consistente.
CSS-Tricks
Learning resource
CSS-Tricks é um blogue e site de referência repleto de tutoriais, artigos e snippets sobre CSS e desenvolvimento front-end. É um recurso valioso para se manter atualizado com novas técnicas e encontrar soluções rápidas para desafios de CSS.
Smashing Magazine
Recurso de aprendizagem e blogue
A Smashing Magazine é uma publicação online popular para web designers e programadores, que oferece artigos, tutoriais e recursos sobre design, desenvolvimento e UX. É conhecida pela sua alta qualidade, conteúdo aprofundado que apela aos profissionais da indústria.
