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

Esta série percorreu um longo caminho através do qual temos testemunhado ferramentas de desenvolvimento web vêm e vão; Uma vez que eles brilham, alguns meses depois eles se tornam obsoletos com outras ferramentas mais recentes. No entanto, temos algumas ferramentas novas na lista para os nossos desenvolvedores explorarem este mês, que incluem Bibliotecas JavaScript, um plugin do Sketch para design de interface do usuário responsivo, e um par de frameworks CSS.

Clique para mais recursos

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

Eu digitei

Um JavaScript biblioteca que permite apresentar digitando efeitos de uma lista de texto; um tipo de efeito que você pode ter visto na web ultimamente. Esta biblioteca JavaScript é fácil de implementar com um punhado de opções para personalizar o efeito. Você pode instalar esta biblioteca através do NPM ou carregá-la via CDN em https://unpkg.com/[email protected].

Ópera Neon

Opera costumava ser o primeiro a introduzir o navegador baseado em guias e, desde então, temos navegadores com as chamadas Tabs e Discagem Rápida. A Opera lançou recentemente sua nova iniciativa, chamada Opera Neon. Um novo navegador com interface mais nova, como os chamados omnibox, modo de tela dividida e belo papel de parede seleções. Então, o Opera Neon pode mudar o espaço do navegador mais uma vez? Isso nós vamos ter que ver.

At.js

At.js é uma biblioteca JavaScript que permite que você adicionar smileys, mencionar amigos ou marcar; algo como vimos no Slack, no Twitter e no Facebook. Este plugin requer jQuery, o que permite trabalhar no Internet Explorer 7 e talvez Internet Explore 6 também. Fantástico!

Lançamento

Lançamento faz criando uma nova versão de um software no Github mais eficiente. Uma nova versão é geralmente acompanhada de um changelog, e este módulo permite que você preencha o changelog automaticamente derivado das mensagens de commit do Git.

Mais bonito

Um JavaScript embelezador garantindo que nosso código JavaScript seja formatado de forma consistente. Suporta ES2017 e JSX.

Ayu

Ayu é Sublime tema de texto com um apelo moderno e fresco. Vem com 2 tons escuros e claros. Ayu significa bonito na Indonésia, e por assim dizer; isto torna o Sublime Text UI mais bonito.

JSON Splora

UMA Aplicativo leve para edição e visualização de dados JSON. O aplicativo compatível com Windows, Linux e MacOS.

Zoom

Um JavaScript para ampliar a imagem graciosamente. Otimizado para dispositivos móveis, funciona bem na tela de alta definição e é facilmente personalizável.

Ramme

Ramme é um Cliente de desktop do Instagram. Embora não seja oficial, mas talvez você possa aprender algumas coisas novas do código-fonte.

Mudar nome de usuário

Um plugin para WordPress que uma vez ativado, adiciona um “mudança” ligação ao lado da entrada de nome de usuário e permite que você altere o nome de usuário.

NodeifyWP

O NodeifyWP é um plugin WordPress bastante original. Ele permite que você use o WordPress como de costume produza o conteúdo usando um módulo Node.js. Eu ainda não tentei este plugin em nenhum projeto. Mas a apresentação que vi no WordCamp Denpasar 2016, este plugin parece muito promissor para modernizar o desenvolvimento do WordPress.

ColorMe

O ColorMe é bem diferente de outros aplicativos geradores de cores que eu já vi antes. Além de gerar códigos de cores, o aplicativo também oferece controle sobre o ajuste do brilho da cor, sombra, matiz, saturação, contraste, etc.

Pacotes WP-CLI

UMA coleção de extensões do WP-CLI que adiciona linhas de comando e parâmetros extras para executar tarefas adicionais, como uma para Implantando o WordPress no servidor remoto, migrando um site WordPress, liberando caches, e muito mais.

Construtor de Páginas Tailor

Um plugin WordPress que permite que você crie conteúdo não linear com uma interface de arrastar e soltar. O plug-in é extensível para um novo componente para adicionar um tipo de conteúdo exclusivo. Ele fornece a WP-API para gerenciar esses conteúdos também. O Tailor Page Builder é de longe o melhor plugin nesta categoria.

XVG

XVG é uma extensão do Chrome que exibe contornos gráficos e âncoras SVG que pode ajudá-lo a depurar facilmente os objetos SVG.

RibbonJS

RibbonJS é uma biblioteca JavaScript que permite que você gerar fitas decorativas em seu site, como você pode ver a imagem abaixo. Tem apenas 1kb de tamanho e fácil de personalizar.

Auto Layout

Auto-Layout é um Plug-in de esboço que fornece vários tamanhos de tela predefinidos para testar seu design de interface do usuário. Assim, você pode garantir que o design seja igualmente bom, quer seja visto no iPhone 5, iPhone 6, etc. O plugin também permite que você definir tamanhos personalizados no caso de não estar disponível na predefinição. Veja como o plugin em ação neste vídeo.

Funcssions

Funcssion é um coleção de classes CSS que segue o princípio da função pura. Cada classe CSS define um único propósito de estilo. Este CSS Framework é atualmente um trabalho em andamento com mais recursos para apresentar no futuro, como Grade responsiva, botões, etc.

Webslides

Um leve e estrutura fácil de usar para criar slides de apresentação usando apenas HTML e CSS. Webslides atualmente fornece alguns modelos de slides agradáveis onde você pode comece sua apresentação de slides imediatamente.

Web Design Resiliente

Resilient Web Design é um livro online. Este livro não é nada técnico, em vez disso, abrange histórias, princípios e invenções que moldam a Web como sabemos no mundo de hoje. Eu acho que é uma ótima leitura para o fim de semana.