Recursos frescos para web designers e desenvolvedores (fevereiro de 2015)

Depois de fazer isso por mais de um ano, a parte mais difícil de escrever essa pilha mensal de recursos para designers e desenvolvedores é a introdução. Enquanto estamos no assunto, aqui está sua recapitulação de fevereiro de 2015 dos melhores e mais recentes recursos para desenvolvedores da Web como você.

Nesta parcela, estamos olhando para um especial motor de busca para encontrar trechos de código, um muito engenhoso referência para resolver problemas no módulo Flexbox, e ferramentas de desenvolvimento para uma melhor gestão de cor, tipo de letra e gradientes.

Animador de gradiente

O Gradiente CSS3 nos permite criar gradientes sem imagem em nosso site sem a necessidade de carregar imagens. Podemos até combiná-lo com CSS3 Animation para dar um efeito mais atraente. Mas se o código for demais para você, use a rota mais simples do Gradient Animator para gerar um com uma interface agradável.

Guia de bolso SVG

Guia de bolso SVG é compilado por Joni Trythall. É uma referência útil que o levará através dos fundamentos do SVG (como a criação de formas e texto) até recursos mais avançados (como criar gradientes, caminhos de recorte e padrões). O livro vem em formato Markdown e está disponível em inglês e português.

Flexbugs

O Flexbox é um novo módulo muito promissor em CSS3 que mudaria totalmente a forma como criamos layouts da web. No entanto, também vem com problemas de compatibilidade entre navegadores próprios. Este repositório, Flexbugs, é uma coleção desses bugs e as soluções alternativas para resolvê-los. Este é um recurso muito útil para quem vive no limite da Web.

Icono

É incrível o que podemos conseguir com apenas CSS, como criar um ícone totalmente apresentável usando apenas um único elemento. Icono é a biblioteca que faz isso. Nesta biblioteca, você encontrará uma coleção de ícones familiares feitos apenas com um único elemento e CSS. Esses ícones serão carregados mais rapidamente e serão mais personalizáveis ​​do que os ícones baseados em imagem.

Dillinger

Dillinger é um editor de Markdown agradável aos olhos. Aqui você pode escrever no formato Markdown e ver instantaneamente a saída na guia à direita. Para sua conveniência, Dillinger permite que você exporte seu trabalho para HTML, PDF ou apenas em um formato de arquivo Markdown depois de concluído. Alternativamente, você também pode conectá-lo a um serviço de terceiros como Dropbox e Github, onde você pode salvar seu arquivo.

HTML5Up

HTML5Up é uma coleção de modelos gratuitos baseados em HTML5. Você pode encontrar um punhado de layouts que atendem a diferentes tipos de sites: negócios, portfólio ou apenas um simples blog. Todos os modelos são responsivos, garantindo que o conteúdo e o layout do site sejam agradáveis ​​em vários tamanhos de tela.

Cores CSS

Você já se perguntou o que uma determinada cor é nomeada? Cores CSS mostra o nome da cor, bem como o formato Hex e RGBA para uma coleção de cores básicas. É uma boa fonte para encontrar a combinação de cores perfeita para seus sites.

Re-vista do Emmet

Re-view é uma extensão do Chrome que analisa o seu site @meios de comunicação consultas e exibe seu site em cada um dos pontos de interrupção especificados em cada @meios de comunicação inquerir. Se você estiver procurando por uma ferramenta que economize um pouco de tempo ao testar sites responsivos, essa é a ferramenta que você precisa.

TypeGenius

Se você der uma olhada na biblioteca de Fontes do Google, encontrará muitas fontes em diferentes faces, família, peso e tipos. Portanto, escolher o par certo ou a combinação de fontes pode ser uma tarefa muito difícil.. TypeGenius torna a seleção de pares de fontes simples, rápida e possível para a população em geral.

SearchCode

Como o nome diz, este é um mecanismo de busca para procurar códigos ou trechos de código de muitas linguagens de programação, incluindo JavaScript, C, PHP. Esse mecanismo de pesquisa derivará seu resultado de várias fontes, como Github, Bitbucket e Google Code. Esta é uma ferramenta definitiva e obrigatória para codificadores pesados.