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

UMA coleção de recursos úteis da web é algo que um desenvolvedor web realmente espera ter em seu kit de ferramentas. Portanto, sendo um desenvolvedor, eu me esforço para apresentar a você melhor e os mais recentes recursos de desenvolvimento web todo mês.

A coleção deste mês inclui um aplicativo gratuito interessante para screencasting, alguns frameworks baseados na linguagem Material Design, um par de bibliotecas para testes de desempenho, CLIs e um punhado de nossos outros recursos úteis. Então, vamos verificá-los um por um no seguinte.

Clique para mais recursos

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

Kap

Kap é um pequeno gravador de tela para MacOS. É um aplicativo de código aberto, construído com tecnologia web. Uma coisa que eu amo neste aplicativo é que ele oferece convertendo o vídeo para fora da caixa. Kap é uma ótima alternativa para gravar seus aplicativos ou demonstração ao vivo do site.

Sizzy

Sizzy é um ferramenta de desenvolvimento para testar seu site responsivo em vários tamanhos de viewport em uma única tela. É um aplicativo super útil em comparação com o Emulador móvel integrado do Chrome. O Sizzy também vem como uma extensão do Chrome.

Interface do Muse

UMA Biblioteca de interface do usuário baseada no princípio de material design e construída sobre o Vue.js 2.0, a interface do usuário do Muse é repleta de Compensações de Material Design, como Appbar, Card e Dialog. É ótimo framework para criar e executar a UI rapidamente.

WP-CLI avançado

Eu sou um grande fã de WP-CLI e usá-lo quase todos os dias no meu trabalho como desenvolvedor do WordPress. No entanto, só recentemente descobri que o WP-CLI permite que você criar um scaffold PHP UnitTest para um tema! Esta é uma lista de uso avançado do WP-CLI do Mantenedor do WP-CLI, Daniel Bachhuber, ele mesmo.

Loucura

A loucura é uma visualizador de arquivos autônomo Sketch para Windows. Ele funciona muito bem com o arquivo de esboço que contém texto, imagens de varredura, até mesmo gradientes e sombras. isto não requer conexão com a internet, Assim, os desenvolvedores podem trabalhar em arquivos do Sketch de qualquer lugar. E é completamente grátis.

K6

A velocidade é importante em quase todos os aspectos da aplicação web. Mas como você mede a velocidade do seu site? Bem, a resposta é K6. Ele simula o tráfego para o seu site e carrega o site em uma determinada duração, como se fosse um tráfego real. Em suma, o K6 é o UnitTest para desempenho.

Serviço Checker

Uma ótima lista de aplicativos da web para verifique muitas coisas, como DNS, Load, Speed, SEO, Security e SSL. Muitas dessas ferramentas são gratuitas, no entanto, existem alguns serviços premium listados nela que oferecer recursos avançados para usuários.

SVGito

É uma pequena ferramenta da Web para otimizar o SVG que foi gerado a partir do aplicativo Sketch. Cole seu código SVG no site e ele retornará o código otimizado imediatamente.

Launchaco

Encontrar um ótimo nome para sua startup é difícil, e obter um manipulador de nome de usuário disponível nas redes sociais é ainda mais difícil. Launchaco é uma ferramenta útil que permite que você encontre nomes de domínio, nomes de usuário para diferentes mídias sociais como Twitter, Facebook, Instagram etc., e ajuda você gerar um bom logotipo do seu negócio.

Obnóxio

UMA coleção de animação exclusiva feita com CSS. Por favor, não execute a animação, se o seu coração e mente não são fortes o suficiente para vê-lo.

Cheat Sheet CSS Grid

Aprender CSS Grid pode ser bastante intimidante quando se trata de uma série de novas propriedades, uma nova unidade de medição, e também quase um novo paradigma completo para construir o layout da web. Esta ferramenta, como o nome indica, é para ajudá-lo tire os pés do chão com CSS Grid.

Caixa de trabalho

Workbox é um nova iniciativa do Google para criar o Progressive Web App (PWA). É semelhante ao Yeoman ou Create React App de uma forma que você pode obter tudo e pronto em linha única de comando.

Mavo

Mavo é um novo projeto de código aberto de Lea Verou. É uma biblioteca que transforma a marcação HTML nua e alguns atributos customizados em um aplicativo da Web funcional. Mavo mais fácil de seguir, em comparação com as outras bibliotecas como Backbone, Vue.js ou React, uma vez que permite usuários menos experientes em tecnologia para criar aplicativos da Web Rapidamente e facilmente.

IU de material

Simlar para Muse UI, é um Estrutura de interface do usuário baseada na linguagem Meterial Design. Este é, no entanto, construído usando o React. Agora é a sua preferência; se você estiver com equipe Vue.js ou equipe Reagir.

Imagem Preguiçosa

Imagem preguiçosa é um Elemento HTML personalizado para carregar imagem a pedido. Este elemento custome fornece um adicional .ativo objeto dentro do Objeto Elemento que você pode usar para acionar a imagem para carregar em qualquer evento ou interação do usuário como você precisa.

Mac CLI

Esta é uma ferramenta bacana para gerencie seu MacOS através do Terminal. Simplesmente digite atualização mac para atualizar o MacOS. Ou digite apresentação mac que irá preparar o seu Mac (minimize todos os aplicativos, feche os navegadores, envie arquivos do desktop e downloads para o lixo e definir o modo não perturbe) antes de dar a apresentação. Quão legal é isso!

Mantendo você acordado

KeepingYouAwake é um utilitário da barra de menus do MacOS para impedir que o seu Mac entre no modo de suspensão por um período definido ou enquanto estiver ativado. Você pode instalar este aplicativo usando Homebrew.

Feed JSON

Finalmente! Isto é um especificação padrão para entrega de feed de conteúdo em JSON formato. Já existe um plug-in do WordPress> construído para a implementação. Isso deve facilitar a vida dos desenvolvedores web. Vamos só diga adeus ao XML.

Carbono

Em suma, Carbon é o Moment.js do PHP. É biblioteca PHP para gerar e manipular seqüências de data e hora.

SpeedRacer

Outro ferramenta para teste de unidade de desempenho. Enquanto o K6 realizará testadores de carga enviando Usuários Virutal para simular visitas e tráfego, o SpeedRacer avaliar desempenho de renderização de página no navegador. O SpeedRacer pode ser um bom companheiro para o K6.