Recursos frescos para Web Designers e desenvolvedores (fevereiro de 2018)

Tendo coberto essa série há anos, presenciei ferramentas que vêm e vão. UMA algumas novas ferramentas são lançadas quase toda semana. No entanto, nas últimas semanas eu acho que está ficando mais lento, demorei um pouco mais do que o normal para vá até o Github e outras fontes para encontrar novas ferramentas que são gratuitos, de código aberto, e vale a pena mencionar nesta série.

No post de hoje, eu tenho uma mistura de ferramentas de uma estrutura JavaScript, ferramentas de teste e algumas para desenvolvimento de sites do WordPress. Vamos dar uma olhada.

Kutt

A aplicativo que encurta URLs com seu próprio nome de domínio. Ele é construído em pilhas modernas como Node.js, React e Redux com um punhado de recursos integrados, incluindo URL protegida por senha, API RESTful, e estatísticas detalhadas para monitorar seus URLs. A melhor coisa é que é gratuito e você pode hospedá-lo em seu próprio servidor.

WordHat

WordHat é um ferramenta para integrar o Behat ao WordPress. Behat é uma estrutura open-source Behavior-Driven Development (BDD) para PHP onde você pode testar sua aplicação PHP de uma forma mais expressiva.

Você encontrará esta ferramenta extremamente útil como o seu tema WordPress e plugin fica mais complicado com recursos; WordHat e Behat irão garantir que o seu tema ou plugin se comporta como esperado quando o usuário interage com ele.

Navegador WP

Semelhante ao WordHat, o WP-Browser é uma extensão do Codeception projetado especificamente para aplicativos, temas e plug-ins do WordPress. Codeception é uma ferramenta para executar testando em seu aplicativo, semelhante ao PHPUnit e Behat, mas é empacotado com mais. Nisso, você pode fazer Teste de navegador, BDD, Teste de integração de unidade e teste de API.

Node WP Internacionalização

O nome fala por si. É um módulo NodeJS para automatizar muitas coisas para internacionalizar seus temas ou plugins.. Instale o módulo e digite wpi18n makepot para gerar o arquivo POT do texto traduzível em seus plugins ou temas do WordPress.

obrigado

Outro módulo do NodeJS que está tendendo no Github recentemente. “obrigado” vai gerar uma lista de mantenedores de pacotes usados ​​em seu projeto de código aberto e vinculá-lo à sua doação ou página OpenCollective como sinal de gratidão de sua contribuição para a comunidade.

Criar bloco Guten

Gutenberg é ouvir e será enviado com o WordPress 5.0. Isto é um Módulo NPM para gerar um boilerplate de desenvolvimento do bloco de Gutenberg com pilha moderna, como React, Webpack, Babel e Sass. Basta executar a linha de comando ,criar-bloco-guten, e está tudo pronto.

WP Vue

WP Vue é um modelo criado com o Vue para exibir postagens do WordPress. Este modelo é um excelente ponto de partida se você gostaria de tornar seu site WordPress sem cabeça. Veja como funciona na página de demonstração. Alterar o URL do terminal do URL do WP-API de qualquer site do WordPress; ele repovoará automaticamente as postagens com as do novo URL de endpoint.

Estímulo

UMA novo framework JavaScript do Basecamp. Ao contrário do React ou do Vue, ele não força você a escrever seu aplicativo inteiro com JavaScript ou adicionar atributos sintéticos.

StimulusJS trabalha em um HTML simples que já sabíamos com o dados- atributos. Também não requer uma configuração de compilação complexa. Você pode basta adicionar o script na página da Web como você fez com o jQuery e é isso - comece a escrever o script para tornar sua aplicação viva.

Manta

UMA aplicativo gratuito para criar e gerenciar faturas. Você pode adicionar uma nota, definir uma moeda, aplicar desconto, adicionar uma lista de clientes ou clientes, adicione seu logotipo, projete o modelo de fatura e faça o download em formato PDF. Está disponível para macOS, Windows e Linux. Se você é um freelancer, este pode ser o faturamento que você está procurando para administrar seu negócio de freelancer.

Reagir estático

Como o nome indica, esta é uma ferramenta que permite que você gerar um site estático usando React. Ele vem com todas as ferramentas pré-configuradas, para que você possa começar a produzir conteúdo para a web. E sendo um site estático, você pode hospedar o site mesmo em uma hospedagem compartilhada com poucos recursos.

Piklist

Piklist é um WordPress de desenvolvimento que permite que você construa uma configuração complexa de site com o WordPress com menos código. Ele vem com um conjunto de funções auxiliares e ganchos para estender quase todas as partes do WordPress, como a página de configuração, campos personalizados, avisos do administrador, shortcode, widgets, taxonomias, usuários, e muito mais.

Strapi

UMA estrutura de CMS agnóstico de conteúdo para criar uma API de conteúdo. Ele permite que você crie sua própria estrutura de conteúdo e a API, além de fornecer um belo painel do administrador para gerenciá-los. No entanto, ele não fornece o sistema de templates embutido. isto oferece-lhe para escolher qualquer biblioteca front-end de sua preferência como Reagir ou Vue.

ParcelJS

ParcelJS é um bundler muito parecido com Webpack e Browserify, exceto que é muito mais rápido e requer configuração zero. isto suporta bundler de desenvolvimento comum para HTML, JS, CSS e transformadores como PostCSS e Babel out-of-the-xbox. Então, você pode se concentrar apenas no seu código em vez de perder tempo com a configuração.

GoodShare

Uma biblioteca JavaScript para mostrar o botão de mídia social com a contagem de compartilhamentos para algumas mídias sociais. Ele suporta muitas mídias sociais, incluindo aquelas que você nunca ouviu falar, como Vkontakte, Odnoklassniki, SurfingBird, e também algumas plataformas como Skype, WhatsApp e LINE. GoodShare também está disponível como componente Vue.

CopyChar

Um site que permite que você encontrar e copiar caracteres especiais para sua área de transferência. Letras, pontuações, matemática, setas e Emoji são alguns dos personagens incluídos no site. Simplesmente clique ou toque em um personagem para copiar o personagem para sua área de transferência.

Nerv

Nerv é outro biblioteca reativa VirtualDOM; uma alternativa ao ReactJS. Ele traz a sintaxe familiar JSX do React, mas com poucas diferenças notáveis. Nerv suporta o Internet Explorer 8! e é apenas um terço do tamanho React. Ainda, Nerv é compatível com add-ons do React, os mais complexos.

HyperappJS

Outra biblioteca JavaScript que vale a pena investigar para criar aplicativos da web. isto combina gerenciamento de estado com um mecanismo Virtual DOM que suporta atualizações com chave e eventos de ciclo de vida, tudo sem dependências.

VulcanJS

Vulcan é um pilha de ferramentas para construir um aplicativo da web moderno. É empacotado com React, GraphQL e Meteor pre-confifured. Uma vez que é uma estrutura de pilha completa que fornece toda uma gama de componentes auxiliares que são afinado para o back-end e o front-end, tudo é apenas um trabalho out-of-the-box. Assim, você pode colocar seu aplicativo em funcionamento rapidamente.

Koa11y

Um aplicativo de desktop para Windows, macOS e Linux para examinar problemas de acessibilidade no site. O Koa11y fornecerá avisos e avisos sobre se o seu site viola os padrões de acessibilidade.

Esta deve ser uma ferramenta em todas as caixas de ferramentas dos desenvolvedores da web. Tente navegar em websites usando apenas o teclado por um dia para entender como a acessibilidade é importante.

TablePlus

Um muito aplicativo GUI de boa aparência para gerenciar banco de dados. O TablePlus suporta uma ampla variedade de mecanismos de banco de dados, incluindo (é claro) MySQL, SQLite, Redis, Postgres, MS SQL e muito mais. O TablePlus está disponível para macOS e Windows.