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

A nova série de recursos para Web Developers correr por cerca de 4 anos agora, e manter essa série me deu muitas dicas sobre como a web progrediu ao longo dos anos. tem novas ferramentas saindo todos os meses para facilitar o desenvolvimento web.

Nesta parcela, nós coletamos um número de novas ferramentas, que incluem bibliotecas JavaScript, um par de bibliotecas CSS e referência para melhorar sua habilidade. 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.

Rubrica

JavaScript é assumindo a aplicação desktop para a portabilidade em diferentes plataformas, além de funcionar tão bem quanto o aplicativo nativo. Este aplicativo, Rubrica, por exemplo, é construído em cima de Electron. É um aplicativo simples que permite pesquisar arquivos de legendas (.srt) para anexar ao vídeo que você está assistindo.

Linha de Comando Awesome OSX

A lista enorme de linhas de comando úteis e úteis para macOS. Aqui você pode encontrar muitas coisas que podem ser feitas através do CLI, como “limpando a fila de impressão”, “ocultando pasta no Finder”, e “prevenindo o sono do sistema”.

Trevor

Trevor é simplesmente Travis CI feito desligada. Travis é um serviço de Integração Contínua onde os desenvolvedores testam seu software para ver se o software funciona corretamente em vários ambientes. Trevor ainda está em seu estágio inicial; atualmente suporta apenas “NodeJS”.

Progressivamente

Um bom JavaScript biblioteca para carregar a imagem progressivamente, daí o nome. Uma pequena imagem será exibida e desfocada enquanto o navegador estiver carregando a imagem inteira. este ajuda o seu site a carregar muito mais rapidamente especialmente se contiver imagens grandes.

QartJS

Este é um JavaScript que torna o código QR menos chato. Com isso, você pode sobrepor o código QR em uma imagem, como sua foto.

WP Docker

O WP Docker é um Ambiente Docker projetado especificamente para desenvolver o WordPress. O ambiente é autônomo e não afetará o sistema do seu computador caso você tenha feito a configuração. É um ótima alternativa para Vagrant, Valet, Local e MAMP.

Raxax

Rellax é uma biblioteca JavaScript para criar efeito Parallax na rolagem da página. Ele vem com poucas opções e é relativamente fácil de configurar. É leve, funciona super rápido e não requer dependência como jQuery Por isso, é uma ótima alternativa para outras bibliotecas nesta categoria, como Parallax.js ou Scrollax.js.

Articular

Ainda outra biblioteca legal legal. Articulate traz sintético voz para o seu site. Isto é capaz de analisar e ler o seu site, eventualmente, pode melhorar a acessibilidade do seu site para usuários com visibilidade prejudicada.

MonetizeJS

O MonetizeJS é uma biblioteca JavaScript para implementar Stripe facilmente; tão fácil quanto usando jQuery.

Vonic

Vonic é uma coleção de UI para móvel construído usando Vue.js e Ionic CSS. Ele compreende muitos componentes da interface do usuário comumente encontrados em um dispositivo móvel, incluindo o Caixa de seleção, formulário de pesquisa, Swiper e o chamado acordeão. Você pode usar para criar uma aplicação de aplicativo para dispositivos móveis protótipo bem no navegador.

Biblioteca de componentes do WordPress

10up, um dos nomes proeminentes no WordPress, lançou uma biblioteca de interface do usuário projetada especificamente para o WordPress. Ao contrário de outras bibliotecas de interface do usuário que fornecem apenas códigos CSS e HTML, o 10Up também fornece o trecho de código PHP que você pode colar no seu tema. O componente inclui Navegação, guias, dicas de ferramentas, Commonts e Blogrol.

Desempenho de inicialização do JavaScript

Um soberbo e artigos detalhados de Addy Osmani, um dos engenheiros do Google, sobre como escrever JavaScript que é super rápido. Encorajo-vos a lê-lo através de subir de nível sua habilidade JavaScript.

KuteJS

Kute é um Biblioteca JavaScript para executar animação. É extremamente rápido e super eficiente no consumo de memória. Tem extensões e ferramentas extras para permitir a aplicação de animação em CSS, SVG e até mesmo um plugin jQuery para uma sintaxe mais conveniente.

Rochas PWA

Progressive Web Application (PWA) é uma metodologia que permite que um site seja executado off-line rápido e utilizável. Esse PWA Rocks lista um que foi aprovado pelo Google como um PWA. Para saiba mais sobre o PWA do Google Dê uma olhada: Aplicativos da Web Progressivos.

Atualização automática do Github

O auto-atualizador do Github é Biblioteca do Composer que permite que seu plugin seja atualizado a partir do Github. Este é um script útil para os desenvolvedores manterem plugins para seus clientes sem necessariamente fazendo o upload para o repositório do Github.

Cartão

Cartão é uma biblioteca JavaScript que torna a entrada do cartão de crédito mais envolvente e melhora a sua experiência de usuário ao inserir seus números de cartão de crédito. isto funciona bem com jQuery, React, Angular e Ember.

Graaf

Graaf forneça uma sobreposição sobre sua página para ver como a grade - coluna, linha, medianiz - é exibida. Você também pode gere sua própria especificação de grade usando a API fornecida.

Luxbar

Luxbar é um Estrutura CSS para criar uma navegação responsiva facilmente; basta adicionar a folha de estilo e adicionar o HTML corretamente. Você pode instalar esta biblioteca através NPM, Bower ou vincule a folha de estilos diretamente do CDN.

Grade de contraste

Uma lista de tabela mostra contraste de cor e sua nota de acessibilidade baseada na WCAG 2.0. Você pode alterar o valor na tabela e rapidamente descobrir se a combinação de cores está de acordo com o padrão WCAG.

ToneJS

ToneJS é uma biblioteca JavaScript para criar um tom ou som que possa gostar de vir de um instrumento musical. Eu acho que esta biblioteca será útil para construir um emulador de instrumento musical baseado na web ou um som de jogo.