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

“CMS sem cabeça” está ganhando muita atenção nos dias de hoje. Em poucas palavras, “CMS sem cabeça” não lida com o front-end; somente o CMS expõe o conteúdo usualmente em uma forma de API RESTful enquanto os desenvolvedores podem usar o que preferirem para renderizar o conteúdo. Com a crescente popularidade desta prática, novas estruturas surgem para configurá-lo e operá-lo rapidamente.

Então, neste round up, eu juntei alguns destes frameworks junto com algumas outras ferramentas úteis que valem a pena conferir.

Partida Sem Cabeça WP

Este é um tema inicial do WordPress, mas ao contrário dos outros, este tema inicial aproveita WP-API para obter o conteúdo e depois transformá-lo em um HTML estático usando o Node e o React fazendo seu site “sem cabeça”.

VueStoreFront

VueStoreFront é outro “CMS sem cabeça” estrutura. Construído sobre o Vue.js e o Node, VueStoreFront e é projetado para plataformas de comércio eletrônico como Magento, Prestashop e Shopware através das APIs. Também incorpora a abordagem PWA que permite que o site seja utilizável desligada.

GatsbyJS

Gatsby é um gerador estático do site construído com o React.js. Você pode usar CMSs com APIs como WordPress, Markdown, JSON para alimentar o conteúdo. Da mesma forma, utiliza algumas tecnologias recentes como Nó, PWA e React que permitem carregar incrivelmente rápido.

DustPress

DustPress é um WordPress starter theme com abordagem moderna de desenvolvimento. Aproveitando a linguagem de modelo Dust.js, o DustPress separa o layout do modelo HTML da lógica PHP, permitindo que os desenvolvedores produzam um código muito mais limpo. Também faz desenvolvimento mais rápido, mais sustentável e dá ao tema uma estrutura organizada.

Ícones VSCode

O Visual Studio Code rapidamente se tornou um dos editores de código mais populares. Isto é leve, tem muitos plugins e agora tem seleções de ícones diferentes. Se você achar que o ícone padrão do Visual Studio Code é chato, mude para qualquer um desses ícones.

TailWindCSS

O TailWindCSS é outro framework CSS. Mas difere do framework CSS popular, como o Bootstrap e o Foundation, de maneira que ele não fornece componentes de UI. Em vez de, TailWindCSS vem com pequenos pedaços de classes CSS que permitem compor sua própria interface do usuário.

Traficante

Eu estava experimentando com o Docker e queria saber como rotear o nome de domínio para vários contêineres diferentes em uma única máquina. Então eu encontrei Traefik, um proxy reverso HTTP moderno e balanceadores de carga. Além do Docker, ele também suporta outros serviços como Kubernetes, Rancher e Amazon Elastic Container..

CubeUI

Construído sobre o Vue.js, o CubeUI é um componente de interface fantástico para criar aplicativos móveis. Consistindo em muitos componentes, como Button, Popup, TimePicker, Slide e Checkbox. Cada componente é reproduzido com uma TestUnit, garantindo uma integração contínua e também minimizando o bug em cada componente.

Ar

O ar é um tema Wordter mínimo para iniciantes. Estendendo os _s, Air adiciona alguns componentes adicionais, como Slides, barra de navegação fixa e pronto para WooCommerce.

Estados Vazios

EmptyStates é um coleção de páginas de estado vazio na web e aplicativos móveis para inspiração. A página de estado vazio é o tipo de página que é frequentemente ignorada.

Design de Atalhos

Este site fornece uma coleção de atalhos de aplicativos populares e ferramentas usadas por desenvolvedores e designers. Aqui você encontrará atalhos para Sketch, Photoshop, InDesign, Sublime Text, WordPress e muitos outros que estão por vir. o lista atualmente contém apenas atalhos para macOS, mas seria ótimo ver os atalhos do Windows também serem adicionados.

Uppy

Uppy é um Frameworks JavaScript para construir uma interface de upload de arquivos. Com o Uppy, você pode recuperar arquivos, não apenas da unidade local, mas também do serviço de armazenamento externo, como o Google Drive, Dropbox, Instagram e outros serviços. Está leve, modular e extendabled com plugins personalizados.

VuetifyJS

VuetifyJS é uma iniciativa de John Leider para construa o Material Design em torno do Vue.js. O Google tem uma iniciativa semelhante com o MDL ou o Material Design Lite, mas não parece conseguir tração suficiente na comunidade e no desenvolvimento parece progredir muito lento nos últimos dois meses agora. Então, se você está procurando uma alternativa, o VuetifyJS pode ser a escolha certa.

WP ULike

WP Ulike é um Plugin WordPress para adicionar “Gostar” ao seu conteúdo seja no tipo de postagem do WordPress, tipos de postagem personalizados e bbPress, além do BuddyPress. Ele também vem com alguns outros recursos interessantes, como Sistema de notificação, análise e widgets o que o torna um dos mais atraentes “Gostar” sistema para o seu site WordPress.

Vee Validate

Vee Validate é uma biblioteca JavaScript para adicionar campo de entrada com a validação incorporada. Suporta muitos tipos de entradas, como e-mail, número, datas, URL, endereço IP, etc..

Tabelas de Dados do Vue

Outro prático plugin Vue.js. VueDataTables é um plugin simples para construir tabela personalizável e paginável com Vue.js. O plugin é construído com base na escala que pode renderizar dados massivos na tabela sem falhas. Também é enviado com alguns componentes extras para ativar sua tabela como paginação, caixa de pesquisa e filtro.

Googler

Googler é um CLI que permite realizar pesquisas no Google por meio das linhas de comando. Semelhante à interface, ele também recuperará o título, a descrição, o URL e a paginação. É uma ferramenta útil para macOS e usuários avançados do Linux.

Bolt CMS

Bolt é um CMS construído com PHP. Isto é rápido de configurar, usa o Twig como seu mecanismo de modelagem, suporta totalmente PHP7, fácil de personalizar através de um simples arquivo YAML. No geral, parece interessante para mim; Eu definitivamente vou gastar algum tempo para explorá-lo ainda mais quando tiver uma chance.

Teletipo

Teletipo é uma nova nova iniciativa do Atom Editor. Este novo recurso permite que você colabore com seus colegas em escrever código. Para usá-lo, você precisará instalar o plugin oficial Teletype.

Plyr

Plyr (pronunciado como jogador) é um biblioteca de media player moderna com apenas 10kb de tamanho. Com isso, você poderá personalizar o player de áudio e vídeo em HTML, o Youtube e o Vimeo, além de uma mídia de streaming ao vivo. Está em desenvolvimento ativo com mais planejamento recursos a serem adicionados, incluindo suporte para vídeos incorporados da Wistia e do Facebook.