Recursos frescos para web designers e desenvolvedores (março de 2017)

Com o CLI (Command Line Interface) podemos simplificar e automatizar fluxos de trabalho de desenvolvimento da Web. E é por isso que nesta edição incluímos um grande número de incríveis CLIs que você pode instalar em seu computador local ou executar algumas coisas no servidor. Além disso, incluímos alguns Ferramentas PHP, complementos do navegador e bibliotecas JavaScript. 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.

Guetzli

Um novo codificador do Google que permite comprimir a imagem em até 35% a partir do tamanho inicial, mantendo a qualidade. É um grande avanço, dado que codificadores de código aberto semelhantes, como JPEGOptim e jpegtran, são limitados a apenas 20% em média. Eu posso ver que haverá um número de aplicativos e plugins para plataforma CMS integrando Guetzli para otimizar arquivos JPEG.

Roteiro do desenvolvedor

Como o nome indica, o Developer Roadmap é um infográfico de jornada de ser um desenvolvedor Web. Existem três cursos Front-end, Back-end e DevOps. Esses roteiros são como, bem, um mapa; e são uma ótima referência para ver onde estamos atualmente, o que podemos ter perdido e para onde estamos indo.

Netlify CMS

SmashingMagazine fez recentemente um movimento ousado para valer WordPress e tente algo totalmente novo com um novo CMS chamado Netlify CMS. É um novo CMS construído sobre o React.js e pode ser integrado com qualquer gerador de site estático como Jekyll, Hugo e MiddleMan.

BadSSL

É um website para verificar sua configuração SSL. O BadSSL é uma ferramenta útil para executar a depuração e erros sobre o SSL instalado em seu site.

Alix

Alix é um Extensão do Chrome que permite auditar a acessibilidade do seu site. Depois de instalado e ativado, o plug-in adicionará uma caixa de sobreposição a vários elementos da página que apresentam avisos ou erros.

AR.js

AR.js é Bibliotecas JavaScript, ao contrário dos outros. Essa biblioteca nos permite criar Realidade Aumentada usando tecnologia da Web e surpreendentemente corre muito rápido em telefones celulares.

Reagir Tendência

É um reagir componente de Unsplash para criar gráfico de linha adorável normalmente para mostrar tendências. O componente é configurável; você pode definir a espessura da linha, a cor, os gradientes e a suavidade da curva. Você pode simplesmente usar a GUI para convenientemente gerar o código do componente.

Gitee

UMA Aplicativo macOS para monitorar sua atividade do Github diretamente de sua área de trabalho, Gitee adiciona um novo item na barra de status mostrando o número de estrelas, seguidores e notificação. Além disso, você também pode visualizar gráficos do seu push e commits em um repositório, bem como no repositório de tendências no mês e semana atuais. É Github no Desktop em poucas palavras.

Goops

Goops é um conveniente CLI que analisará o diretório do seu projeto e determinar os diretórios e arquivos a serem adicionados .gitignore. A CLI pode ser instalada via NPM. Uma vez instalado, digite goops E feito.

CSS de depuração

DebugCSS é um Utilitário drop-in CSS que permite analisar e validar sua saída CSS no navegador. Funciona de forma semelhante ao Alix, quando você carrega a folha de estilo debugCSS ou usa o bookmarklet, destaca os elementos na página que apresentam erros ou avisos.

EagleJS

EagleJS é um Biblioteca JavaScript para criar apresentação semelhante ao RevealJS. EagleJS é diferente em alguns aspectos; ele é construído usando o Vue.js, uma estrutura JavaScript MVC e usa o Pug como o sistema de templates para construir o slide.

BootstrapTour

UMA Biblioteca JavaScript para criar guias pop-up usando um componente Bootstrap. Os guias pop-up geralmente aparecem para que o novo usuário os acompanhe pela interface do aplicativo, novos recursos e para mostrar dicas. É uma biblioteca perfeita se o seu site também for construído com o Bootstrap.

Tijolo

Tijolo é uma biblioteca JavaScript projetada para criar a interface do usuário do aplicativo da web. Você encontrará alguns comuns como Calendário, Menu e Formulário entre os componentes incluídos. Ele também vem com um "storage-indexeddb" componente para permitir que você armazenar dados no lado do cliente usando o IndexedDB.

OctoTree

O OctoTree é um ótimo utilitário que permite procurar códigos-fonte e arquivos no Github com estrutura de árvore como em um IDEs ou editores de código. Ele vem como um complemento para o Chrome, Safari, Firefox e Opera, e está disponível em seu repositório oficial de complementos. Octotree suporta repositório Private e Enterprise Github.

Notificação do Github

Outra extensão útil do Github para o Chrome. Uma vez instalado, você poderá receber notificações mesmo que não esteja nas páginas do Github. Um ótimo plugin se você quiser ficar por dentro dos seus repositórios.

Deployer

Deployer é uma ferramenta para implantar seus sites PHP. Ele funciona com vários frameworks e plataformas populares, incluindo WordPress, Drupal, Magento, Laravel e CodeIgniter. Com essa ferramenta, você pode compor suas próprias receitas, um comando para executar durante a implantação. Vem com Reversão recurso que permite que você volte para a versão anterior em caso de falhas.

PHPStan

Uma CLI que verifica arquivos PHP para localizar erros sem executar o tempo de execução. Isso significa que você não precisa de um ambiente PHP de pilha completa para depurar os arquivos PHP em seu projeto.

Braçadeira NGINX

Uma coleção de configurações comuns do Nginx, que incluem cache de back-end, conexão e limite de taxa de solicitações, e algumas outras práticas recomendadas para impulsionar o seu site em busca de velocidade e ajustá-lo à pressa do tráfego.

Borbulhante

Bubbly é uma ótima linha de comando que você pode instalar no seu servidor para gerar, gerenciar e renovar certificados com o Let's Encrypt. O SSL do Doplying está agora ficando muito mais fácil.

Waffle Grid

No entanto, outro framework de grade CSS construído com o Flexbox que eu acho que você deve olhar em.