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

Estamos de volta com um punhado de recursos para nossos colegas desenvolvedores web. Nesta edição, a coleção é bastante diversificada. Nós temos na lista um aplicativo de desktop, algumas aplicações web, bibliotecas PHP e JavaScript, e alguns plugins WordPress. 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.

Marp

Marp é um editor para criar apresentações no Markdown. Tem dois painéis: um editor à esquerda e uma pré-visualização à direita, onde você pode ver a saída do slide em tempo real. Está disponível no OS X, Windows e Linux. É uma ótima alternativa para um software inchado como o PowerPoint.

LightGallery

Um JavaScript para exibir imagem lightbox e galeria. o interface de lightbox está equipado com um punhado de botões onde você pode ampliar, reduzir o zoom, baixar a imagem e transformar a imagem em tela cheia. É verdadeiramente uma biblioteca JavaScript de pacote tudo-em-um nesta categoria.

React Developer Tools

React Developer Tools é uma extensão do Google Chrome que nos permite decodificar Reações componentes renderizados no navegador. Uma vez instalado, ele adiciona uma nova guia no DevTools, onde você pode inspecionar a raiz, os elementos e depurar os componentes do React, como faria com o HTML regular.

SharingButtons

SharingButtons é um gerador de botões de compartilhamento. Atualmente, ele suporta vários sites sociais populares, como Facebook, Twitter e Pinterests. A saída descarrega os inchaços do JavaScripts e depois pode ser facilmente customizada através do CSS.

Defletor

Defletor é uma biblioteca JavaScript que adiciona um efeito envolvente agradável ao texto. É difícil para mim nomear esse tipo de efeito, mas certamente parece legal. Confira a demonstração!

HyperTerm

HyperTerm é um emulador de terminal, uma aplicação, construída em cima de HTML, CSS e JavaScript. É modular onde os desenvolvedores podem contribuir, introduzindo módulos que adicionam novas funcionalidades. Atualmente, o aplicativo está disponível apenas para macOS.

OverHang

OverHang.js é um plugin jQuery para mostrar notificação instantânea. O plugin é personalizável. Você pode definir a mensagem de texto na notificação, as cores e quanto tempo ela aparece antes que ela apague.

Grafika

Grafika é uma coleção de funções PHP que nos permite manipular imagem. Podemos aplicar filtros de imagem como desfoque e sépia. Nós também podemos transformar imagens como invertendo, girando e redimensionando.

Tipografia simples

Tipografia simples é uma biblioteca Sass que redefine o estilo Typography - como o tamanho da fonte e a altura da linha. É outra pequena biblioteca que você pode querer utilizar para tornar o texto em seu site de maneira bonita e proporcional.

Jekyll Admin

Jekyll é um gerador de blog estático. Este é um plugin oficial do Jekyll que adiciona um editor de GUI para escrever posts com o Jekyll; isso faz com que o autor post com Jekyll seja mais intuitivo.

Anime.js

Anime.js é uma biblioteca JavaScript para realizar animação fluida na web. É aplicável a HTML regular, SVG, CSS Transformações. Encontre a instrução completa para aproveitar ao máximo e alguns exemplos inspiradores na documentação.

PostLeaf

PostLeaf é um baseado em PHP CMS equipado com alguns recursos úteis embutidos. Edição de front-end, backups, páginas, posts, oEmbed, SEO, navegação, que são coisas necessárias para facilitar a tarefa de manter sites.

Logotipos de Navegadores

Uma coleção completa de todos os logotipos do navegador. Você pode encontrar ícones para navegadores populares como o Chrome, o Firefox e o Internet Explorer, incluindo os ícones do aplicativo para dispositivos móveis. Você também pode encontrar navegadores menos populares que talvez nunca tenha ouvido antes, como Blisk, Iridium e Orbitum..

wA11y

Um plugin para WordPress para nos ajudar melhorar a acessibilidade em um site. Uma vez ativado, o plug-in avaliará nossos sites com tota11y, fornecerá feedbacks para violações que afetam a acessibilidade e sugerirá soluções para corrigi-lo.

Texto alternativo automático

Outro plugin WordPress vale a pena mencionar, que melhora a acessibilidade do site por adicionando alt texto para imagens carregado através do WordPress Media Manager. O gerado “alt” text é ativado pela Microsoft Computer API.

Multi-range

Uma biblioteca JavaScript, um polyfill, para HTML 5.1 multi-gama saída que atualmente é ainda mal implementada em navegadores. Lea Verou compartilhou sua história por trás desta biblioteca em seu post recente, Introducing Multirange: Um pequeno polyfill para controles deslizantes de duas alças HTML5.1, que definitivamente vale a pena ler.

jQuery Payment

Um plugin jQuery desenvolvido pela Stripe, um serviço de processamento de pagamentos. Este plugin faz desenvolver um formulário de cartão de crédito menos aterrorizante. Suporta inúmeros cartões de crédito, incluindo Visa, Master Card Amex, UnionPay e JCB..

Editor Trix

Trix é um Editor WYSIWYG que podemos utilizar para produzir conteúdo. A implantação do trix é rápida e facilmente extensível com novas funcionalidades para atender às suas necessidades. Você pode encontrar todas as instruções na documentação para instalar e executar o Trix em seu aplicativo da web.

Receita

Receita é uma coleção de PHP para executar funções de utilidade comuns como agarrar a imagem do Gravatar, gerar um código QR, converter um array em um objeto e muito mais.

PaperWorks

UMA anotações construídas sobre PHP e Angular o que significa que você pode implantá-lo em um servidor da web. Isso pode ser uma boa alternativa para um aplicativo de desktop como o Evernote ou o OneNote, de forma que você possa gerenciar e personalizar quase tudo, e armazene seus dados de maneira privada em seu próprio servidor.