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

Há um número de empresas de código aberto juntando-se para fornecer informações úteis recursos da web e ferramentas para que todos possam usar gratuitamente. É isso que faz a comunidade da web prosperar, inovar e produzir mais recursos úteis.

Nesta edição da série Fresh Resources, eu coloquei um número de novos recursos de várias categorias incluindo um aplicativo que permite gerenciar plug-ins do Sketch em diferentes computadores, uma coleção de fontes icônicas para sua alma nerd, um par de aplicativos de desktop, e um punhado de outros. Vamos verificá-los um por um.

Clique para mais recursos

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

Princípio do Design Inclusivo

Uma ótima referência princípios para construir sites ou aplicativos de software que são agradáveis para o maior número possível de pessoas, independentemente de suas deficiências. Esta referência está disponível em inglês, espanhol, francês e japonês. Um bom cartaz também está disponível que você pode imprimir e coloque em sua estação de trabalho.

MerlinWP

Isso é algo que eu estava pensando em construir, no entanto, alguém fez isso primeiro e parece ótimo. MerlinWP é uma classe PHP destinada a desenvolvedores de temas para fornecer um bom embarque experiência para um tema WordPress semelhante à forma como configuraríamos o macOS ou o Windows em um novo computador.

WTFJS

O JavaScript é uma ótima linguagem com um grande ecossistema que potencializa aplicativos da Web, de desktop e móveis. No entanto, lidar com JavaScript pode ser complicado. WTFJS, como o nome indica, coletou essas peculiar Comportamentos JavaScript que gritam WTF!

Facturação

Um plugin para WordPress que permite que você crie uma fatura e uma cotação diretamente no painel. Tem fácil de usar e interface do usuário elegante e inclui todos os recursos necessários para gerenciar as faturas. Você também pode definir diferentes modos de pagamento para permitir que seus clientes paguem com Paypal, Authorize.net, Stripe e muitos outros..

Lungo

Um pequeno aplicação macOS para fazer o seu computador ficar acordado. Este aplicativo é particularmente útil quando você está no meio de tarefas automatizadas que demoram muito tempo para ser concluído e você quer ter certeza de que seu computador não entrará no modo de suspensão..

Vector Emoji

UMA coleção de emojis populares em formato vetorial. Os arquivos estão disponíveis nos formatos Photoshop e Sketch.

PHPBot

PHPBot é como um assistente que fala a linguagem PHP. Você pode digitar uma função PHP, por exemplo array_merge version_compare, e ele responderá com um exemplo completo de trecho de código com base nessa função. Surpreendentemente, também reconhece quando digitamos “Mapa de matriz”. Um dia, ele pode ser integrado a um editor de código ou a um IDE, semelhante ao Clippy no Microsoft Word..

TerminaisAreSexy

O terminal é provavelmente uma das maiores ferramentas já inventadas. E isto, “TerminaisAreSexy”, é um lista de curadoria de ferramentas, estruturas e extensões que irá melhorá-lo. Depois de dominar o Terminal e as linhas de comando, você descobrirá que ele é mais poderoso do que qualquer aplicativo GUI.

Selecionador plano

FlatPickr é um leve, facilmente personalizável, insanamente rápido seletor de data-hora que funciona no IE9 +, no iOS Safari 6+, no MS Edge, no Chrome 8+ e no Firefox 6+. O FlatPickr também foi portado para frameworks JavaScript populares incluindo Reagir, Ember, Vue e Angular.

Compositor Cat

O Composer é um gerenciamento de dependências popular para aplicativos PHP. Se você preferir trabalhar com uma GUI, o ComposerCat é o que você está procurando. Ele permite que você instalar, atualizar e remover pacotes do Composer uma interface de usuário intuitiva. Construído sobre o Electron, o ComposerCat está disponível para Windows, macOS e Linux.

Vidlery

Um ótimo coleção de vídeos animados que são perfeitos para um plano de fundo do site. Todos esses vídeos são gratuitos. O que mais podemos pedir??

Painel Webpack

Inspirado pela NASA OpenMCT Dashboard, este aplicativo irá mostrar-lhe o Logs, Ativos, Operações e outras avaliações analíticas de seus pacotes Webpack que farão você sentir vontade de trabalhar em um projeto da NASA. Parece incrível?

GTop

Outra ferramenta que irá adicionar à sua produtividade. GTop é um pacote de nó que oferece a você painel de monitoramento do sistema para terminal.

Wekan

Wekan é um Aplicativo semelhante ao Trello que você pode executar em seu próprio servidor. Uma ótima alternativa ao Trello, especialmente se você ainda não se inscreveu em nenhum serviço. Confira a Wiki detalhada na instalação.

FuzzySort

Inspirado pela pesquisa SublimeText, o FuzzySort é um Biblioteca JavaScript para pesquisas incrivelmente rápidas de tipos difusos. Esta biblioteca pode ser usada no aplicativo Node e no navegador. Se você não tem certeza do que “Difusa” pesquisa significa verificar este segmento no StackOverflow.

NerdFonts

Um imenso coleção de fontes para libertar o seu lado nerd. A coleção inclui algumas das famílias de fontes populares, como Hack, Fira, Ubuntu, Roboto e Meslo..

Fitty

Fitty é um Biblioteca JavaScript para fazer um texto caber em seu contêiner. Ele funciona com webfonts personalizados e suporta texto de várias linhas. Também é responsivo; como será ajusta automaticamente o tamanho da fonte quando a viewport muda.

WhatWebCanDo

A Web evoluiu mais do que apenas entregar texto e mídia. Ele introduziu APIs, novos elementos e CSS, além de outras tecnologias que enriquecem a experiência na Web para usuários e desenvolvedores.. Visite WhatWebCanDo para obter a lista de recursos ativados no navegador que você está usando.

SketchPacks

Um aplicativo que permite que você sincronização de plugins de esboço em vários computadores. É útil quando você trabalha no seu iMac ou MacBook ou obtém seu Desenhe e execute quando tiver acabado de configurar um novo computador.

FontStorage

UMA enorme coleção de fontes gratuitas que podem ser usadas na web. Ele fornece fontes de várias categorias com glifos de idiomas diferentes. Um plugin para editor de código está disponível para ser inserido na folha de estilo da fonte selecionada. Como alternativa, você pode baixar as fontes e carregá-las usando @Tipo de letra dentro da própria folha de estilo do site. Essa pode ser uma ótima alternativa para o Google Fonts.