Recursos frescos para web designers e desenvolvedores (julho de 2016)

Esta parcela vem com uma ampla variedade de recursos mais uma vez. Temos fontes para inspirar o design da sua próxima página de destino, duas maneiras para os programadores reduzirem os efeitos de uma tela brilhante, um plug-in para criar layouts da Web com arrastar e soltar, um plug-in jQuery para enfeitar seus selecionadores de data e muito JavaScript bibliotecas para ajudar os desenvolvedores.

Também estão incluídos recursos em HTTP2, terminologias tipográficas, construção de sites prontos para acessibilidade e um mecanismo de pesquisa para a sintaxe da linguagem de programação. Vamos dar uma olhada.

Clique para mais recursos

Encontre toda a nossa coleção de recursos recomendados e as melhores ferramentas de web design e desenvolvimento disponíveis.

Landing Folio

Landing fólio é um local central onde você pode encontrar exemplos de designs de landing pages. Existem centenas de exemplos no site e você pode ajustar a lista com base em sua categoria. Este é um definitivamente vale a pena bookmarking para web designers.

Consultas de Elemento

Um JavaScript que permite que você execute Consulta de Elemento. Consulta de elemento é denotada por @elemento e ao contrário, @meios de comunicação, @elemento está ciente de inúmeras condições além “altura” e “largura”. Você pode, por exemplo, aplicar estilos com base nos caracteres numéricos contidos no elemento.

HTTP2

HTTP2 é a especificação mais recente do HTTP com alterações significativas. Ele promete melhor desempenho e transferência de dados eficiente. Neste recurso, você pode encontrar essas alterações (em grande detalhe), seu impacto na segurança, velocidade e experiência do usuário.

Elementor

Elementor é um plugin do WordPress que permite construir layouts da web com arrastar e soltar. Com o Elementor, você pode criar um layout mais atraente. É responsivo, totalmente personalizável e de fácil utilização.

TimeDropper

Este plugin está equipado com algumas animações que tornam a seleção de datas na web mais envolvente. Além disso, opções estão disponíveis para alterar a aparência da interface do usuário. É um plugin do jQuery para criadores de data mais extravagantes.

SyntaxDB

Um mecanismo de pesquisa para pesquisar a sintaxe da linguagem de programação. Atualmente suporta vários idiomas, incluindo Java, C, Ruby, JavaScript e Python. Este pode ser o melhor mecanismo de busca para desenvolvedores, à medida que o suporte ao banco de dados e ao idioma cresce.

Interface do usuário do Github Dark

Interface do usuário do Github Dark é um tema de cores mais escuras para o Github.com. Isso pode ser um bom esquema de cores alternativas, se você trabalhar em ambientes com pouca luz ou tiver que ficar olhando para a tela por longos períodos de tempo.

Microlight

Em vez de destacar o código com cores diferentes, como você pode ver abaixo, o Microlight faz o código “brilho”. Uma biblioteca JavaScript que destaca o código - literalmente.

BarbaJS

O BarbaJS é uma biblioteca JavaScript que permite a transição suave de páginas por meio da API de histórico do JavaScript / pushState. Este plugin vem com métodos, eventos personalizados e um punhado de APIs para oferecer uma experiência mais suave para as páginas do seu site. Aqui estão alguns exemplos.

TypeTerms

Você já se perguntou qual a diferença entre “espaçamento entre letras” e “kerning” é? TypeTerms é uma apresentação interativa onde você pode aprender estas terminologias tipográficas confusas.

ButterBean

ButterBean é um plugin novo e sofisticado para construir o Meta Box no WordPress. Ele é desenvolvido seguindo a arquitetura moderna da API do WordPress Customizer. Isso torna a construção desta interface de usuário específica do WordPress mais elegante.

Checagem de Tema Infantil

Um plug-in do WordPress para verificar seu tema infantil em relação ao tema pai; ele irá verificar se os arquivos dos quais o tema filho depende são atualizados.

CloudFlare UI

CloudFlare UI é um conjunto de componentes da interface do usuário criados em cima do React. Considerando que a popularidade do React está aumentando, pode haver um número de estruturas de interface do usuário semelhantes por aí.

Lerna

Ter que gerenciar vários pacotes e repositórios em um projeto grande é inevitável. Essa ferramenta permite lidar com essa situação específica e, eventualmente, simplificar seu fluxo de trabalho.

Relaxar

Relaxar é uma biblioteca JavaScript para ajudar a reduzir o uso da CPU. Ele fornece um conjunto de funções que podem ser usadas no lugar de funções nativas de JavaScript. Ele pode ser implantado em um site normal ou sem um aplicativo baseado em Node.js.

Tipografia GEL

Tipografia GEL é o guia de estilo tipográfico da BBC. Um ótimo recurso e inspiração em como você pode padronizar seus estilos tipográficos.

Padrões MENTOS

Padrões MENTE é um guia prático para construir um site de comércio eletrônico acessível. Ele fornece guias em termos de construção de HTML, usando o rótulo ARIA e compondo estilos CSS que são fáceis de usar para usuários com deficiências..

Especificidade CSS

Uma coleção de ilustrações que descrevem como a Especificidade CSS funciona.

Escavação de CSS

Uma extensão do Chrome que ajuda você a otimizar o CSS. Ela irá desfazer sua página e fornecer o relatório, a lista de propriedades usadas como cores.

Stash de modelo

Uma coleção de modelos escolhidos a dedo, onde você pode encontrar um grande número de modelos, incluindo modelos HTML5, WordPress, Ghost, Bootstrap e e-Commerce.