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

Julho é o mês que traz a alta do verão e, portanto, para o lote de recursos frescos deste mês, temos algumas novas ferramentas interessantes de alguns desenvolvedores bem estabelecidos e novatos..

A lista tem uma mistura bastante interessante de ferramentas, desde a biblioteca Sketch até a comunidade WordPress, que lhe permitirá criar um protótipo de interface WordPress, um punhado de ferramentas que estendem o React.js e o Vue.js, e algumas referências para melhorar suas habilidades de desenvolvimento. Vamos dar uma olhada.

WPRIG

Um all-in-one Starter tema criado por Morten Rand-Hendriksenand está equipado com um construir processo predefinido usando ferramentas modernas como integração com Gulp, Babel, ESLint e Visual Studio Code. Ele ajudará você a criar um excelente tema WP sem o incômodo de configurar as ferramentas de desenvolvimento ao redor.

VueNative

Uma estrutura baseada em Vue.js para criar um aplicativo móvel de plataforma cruzada que permite gravar seu código com a especificação do Vue.js. A ferramenta compilá-lo para o nativo Reagir e fazer o trabalho mágico para você por trás da cena com o vue-native CLI. Se você já está familiarizado com o Vue.js, isso pode ser um estrutura adequada para construir um aplicativo móvel.

SketchPress

O pessoal da 10up acaba de lançar o SketchPress, que é um Modelo de esboço para criar rapidamente modelos e designs de interface administrativa do WordPress. Ele é embalado com interface de usuário comum, como o botão principal, barra de menu, Dashicons, Metabox, etc. SketchPress é uma ótima ferramenta para os desenvolvedores do WordPress para alinhar o plugin e tema página Configurações ou Opções com o WordPress admin UI.

Docz

Docz é um gerador de documentação baseado em MDX que foi destaque na última rodada desta série. Essa ferramenta permitirá que você importe e inclua um componente personalizado JSX na combinação com a sintaxe Markdown, da mesma forma que escreve um documento JSX.

Animista

Animação CSS traz a web para a vida. No entanto, nem sempre é fácil compor a Animação CSS considerando os prefixos do navegador para compatibilidade, parâmetros e o período de tempo da animação. O Animasta facilita essas coisas, gerando o código para você. Você pode configure a animação em uma interface amigável, de onde você pode simplesmente copiar o código.

GridToFlex

Alguns exemplos de layout da Web comum são criados usando o CSS Grid nativo e usam o Flexbox como um substituto para o navegador que ainda não o suporta. Confira nossa postagem: Introdução ao Módulo de Layout de Grade CSS.

RatioBuddy

Uma boa ferramenta para gerar uma caixa com CSS com uma taxa definida, por exemplo, 1: 1, 3: 4, etc. A ferramenta irá gerar o código no formato SCSS para copiar.

Como fazer GraphQL

GraphQL é uma alternativa à estrutura de dados REST e How to GraphQL é um recurso abrangente para aprendê-lo. É muito mais eficiente que o REST, pois ele só extrairá os dados solicitados, reduzindo a quantidade de carga e a transferência de dados.

História da Amostra

Um plugin WordPress simples para mostrar o histórico de atividade feito no painel do WordPress. Ele suporta a atividade nativa do WordPress, como quando um usuário cria postagens e páginas, faz o login e ativa ou desativa outros plug-ins. Também pode rastrear outra atividade de plugins incluindo Advanced Custom Fields (ACF) e User Switching. Este é um ótimo plugin para acompanhar a atividade interna de seus sites.

Transfer.sh

é um utilitário prático para compartilhar arquivos através do comando Shell. Você pode fazer upload de qualquer tipo de arquivo para até 10 Gb. Também suporta criptografia de arquivos. E eu mencionei que é totalmente gratuito?

Sonar FB

Uma ferramenta para depurar aplicativos móveis para iOS e Android. O aplicativo está equipado com algumas ferramentas para um experiência de depuração conveniente como um visualizador de logs, um inspetor de layout interativo e um inspetor de rede. Se isso não for suficiente, você pode criar um plug-in para estender o aplicativo com a funcionalidade que você precisa.

JSUI

Este aplicativo é embalado com um monte de ferramentas para fornecer uma maneira melhor de organizar seus projetos. Você pode criar um grupo, gerar um novo projeto usando alguns projetos populares como React, Vue e Angular, instale uma dependência de projeto, execute um servidor Node.js e muito mais. Um ótimo aplicativo para quem gerencia dezenas de projetos.

BrainMonkey

Um utilitário de teste de unidade PHP projetado com algumas ferramentas específicas para o WordPress. Ele fornece ferramentas que permitem zombar Funções PHP. Ele também fornece um conjunto de ferramentas prontas para lidar com algumas funções do WordPress, como add_action remove_action para citar alguns, que são geralmente complicado testar.

Fractal

O Fractal foi projetado para ser uma ferramenta de documentação central para os desenvolvedores de uma equipe consultar quando houver necessidade de integrar um componente em um projeto. Ele permite que você integrar trecho de código, exibindo visualizações, documentação, notas, etc de cada componente.

Formiga Pro

“AntDesign” é um dos frameworks de interface do usuário populares baseados em React.js e este é o seu “Pró” versão projetada para aplicativo corporativo. Ele inclui vários componentes adicionais que não estão no pacote comum do AntDesign, como AvatarList, HeaderSearch e TagSelect..

O quadro também tem ferramentas de desenvolvimento incorporadas, como a ferramenta de compilação, o conjunto de testes e a implantação para que você possa trabalhar em seu código imediatamente, em vez de perder tempo com a configuração do fluxo de trabalho.

LuminJS

Um super minúsculo Biblioteca JavaScript para destacar texto no seu site. Ele funciona perfeitamente com uma estrutura DOM complexa e é programável para que você possa definir a velocidade, o estilo e a animação.

Prompts

Um prático Pacote NPM para construir a CLI interativa usando o Node.js. Ele suporta prompt básico, várias opções, prompt dinâmico e muitos tipos de entradas, como senha, texto, número e e-mail, etc..

Percepção

Um plugin legal WordPress que faria melhorar a pesquisa na Biblioteca de Mídia do WordPress classificando imagens usando a API do Google Cloud Vision. Por exemplo, se você fez o upload de um “pássaro” imagem, você pode pesquisar a imagem usando a palavra-chave “pássaro” se a palavra-chave está incluída ou não no nome da imagem, no nome do arquivo ou nos metadados.

DevTube

Uma coleção de vídeos, retirados do Youtube, de várias conferências de desenvolvedores como JSConf, Google TechTalk e O'Reilly. Agora pegue sua pipoca e suba de nível suas habilidades de Dev.

Reactive.how

A programação reativa está em ascensão; um novo paradigma na programação, especialmente em torno da web, onde o fluxo de dados é abundante e continuamente fluindo a cada milissegundos. Este recurso é uma iniciativa de Cèdric Soulas para ensinar-lhe os princípios de reativo programação.