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

Estamos nos aproximando do final de 2016, e tem sido um ano emocionante para muitos, incluindo os desenvolvedores da web. Este ano, A popularidade do ReactJS aumentou exponencialmente, uma nova extensão ReactJS é liberada e fica na lista de Repositórios de tendências do Github (quase) toda semana.

PHP7 também é lançado este ano que oferece uma melhoria significativa na velocidade, bem como a liberação de WordPress 4.7 com o tão aguardado WP-API recurso e Facebook também introduziu o pacote Yarn que pode desafiar o NPM.

Clique para mais recursos

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

Para mais detalhes sobre cada um desses lançamentos úteis, vamos dar uma olhada na lista a seguir:

Farol

LightHouse é um ferramenta útil do Google para examinar seus sites em relação a métricas modernas de desenvolvimento da Web, que incluem desempenho de carregamento da página, armazenamento em cache com os Service Workers, resposta do tempo do servidor e assim por diante. Essas ferramentas vêm em duas formas, a CLI (Command Line Interface) e a extensão do Google Chrome.

FuseJS

Fuzzy-search é um tipo de conclusão de pesquisa em que retorna um número de possibilidades, mesmo que não corresponda exatamente aos argumentos de pesquisa. Por exemplo, se você pesquisar 'para' o resultante pode retornar façam, robô, e pé. Isto é um desempenho de pesquisa popular nos aplicativos da web de hoje. FuseJS é um biblioteca JavaScript leve que permite implementá-lo facilmente em seu site.

Pacote De Fios

O fio é um Gerenciador de pacotes Node construído pelo Facebook. Basicamente, ele tem desempenho semelhante ao NPM, embora com avanços em várias áreas, como velocidades, 'modo offline' que permite instalar os pacotes sem se conectar à Internet, e segurança, bem como confiabilidade.

Cache de Menu

Um prático plugin WordPress fazer o cache do WordPress Menu usando a API transitória para melhorar a velocidade de consulta do banco de dados. O plugin vem com vários filtros para personalizar o período de armazenamento em cache e executar outras coisas. Pode ser instalado usando o Composer ou como plugin WordPress normal.

Githunt

Githunt é uma extensão do Google Chrome que substitui a página inicial do Chrome pelo repositório de tendências do Github. Você pode classificar o resultado com base no período e na linguagem de programação. É, eu acho, um utilitário de instalação obrigatória para cada desenvolvedor para ficar atualizado com as ferramentas mais brilhantes ao redor.

FFocus

Não consegue se concentrar em seu trabalho e quer fazer seu trabalho rapidamente? Experimente o FFocus. Isto é uma CLI que permite bloquear o site por um período definido através do Terminal. FFocus pode ser instalado através do NPM executando o npm i ffocus -g comando.

Accesslint

AccesslintJS é um Biblioteca JavaScript para validar seu site para acessibilidade. Usar esta biblioteca é tão fácil quanto carregá-la antes do tag, e você receberá todos os avisos e erros bem no Console DevTools.

Ilusório

Colorable é um aplicação web acessível que permite gerar combinações de cores em conformidade com as Diretrizes da WCAG, além de tornar seu site Acessível a usuários com deficiência visual como daltonismo.

Micon

Micon é um ícone de fonte da imagem selecionada do Microsoft Windows 10. Isso pode ser um ótimo substituto do FontAwesome que eu acho que já é usado em demasia.

Referência CSS

O nome diz tudo. Isto é uma referência de CSS para procurar a sintaxe CSS. Também é apresentado de uma forma agradável e agradável, o que o torna um ótima alternativa para documentação de CSS no MDN, se você acha que é muito chato.

Local pelo volante

Isto é GUI App que facilita a configuração de um site WordPress local no seu macOS. O aplicativo é cheio de grandes utilitários para desenvolvedores, como; “Um clique” Instalação do WordPress, Acesso SSH, configuração SSL fácil, blueprint do site e XIP.io. O aplicativo custava cerca de 149USD, mas é agora dado de graça desde que adquirido por Flywheel.

FreeCodeCamp

É um recurso gratuito para aprender código para a Web. Os assuntos incluem HTML, CSS, JavaScript e um poucas bibliotecas como ReactJS e D3. Fornece desafios ou exemplos de projetos enquanto você está fazendo os cursos, bem como tutoriais para ajudá-lo a compreender melhor o assunto.

Fonte OverPass

A fonte OverPass é uma família de fontes que consiste em oito pesos (200-900), tipo de letra verdadeiro itálico e monoespaço. A fonte pode ser carregada como uma fonte da Web de KeyCDN, bem como instalado para uso na área de trabalho. É gratuito e de código aberto.

Base do formulário

A base do formulário é um conjunto de regras de estilo CSS que redefinir elementos de formulário que incluem entrada, caixa de seleção, selecionar, e textarea com estilos básicos mas bonitos. Esta biblioteca CSS é uma boa usar em conjunto com outro “Resetter CSS” como Normalize.css.

A parte dianteira

é um framwork que é usado para construir 24ways.org; um ótimo recurso que você pode olhar aprender técnicas avançadas de CSS.

Vitória

ReactJS está em ascensão, e com isso vem um grande número de extensões para apoiá-lo. A vitória é uma Componente ReactJS para adicionar gráficos e visualizações intercalares ou de dados.

Inferno

Inferno é um Biblioteca JavaScript para construir interface web em dispositivos móveis. Isto é inspirado de ReactJS portanto, herda convenções de sintaxe semelhantes. A diferença, no entanto, é que o Inferno é construído com desempenho em mente o que torna muito menor em tamanho e também dá um tempo de renderização mais rápido.

Premonish

Permonish é uma biblioteca que é capaz de prever a próxima interação dos usuários. Isso permitirá que você preparar a interface do usuário (UI) com mais perfeição antes que o usuário real interaja com seu site.

Kit de iniciação SPA

Este é um exemplo de SPA (Single Page Application) construído com o Laravel e o VueJS. Ainda é outro grande recurso para aprender desenvolvimento web usando frameworks - olhe para a fonte Luke!

Docute

Docute é Biblioteca JavaScript para criar uma documentação de uma única página. Ele é alimentado com o VueJS e fornecido com vários utilitários do Node que permitem configurar e executar sua documentação rapidamente.