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

O cenário do desenvolvimento da Web tem progredido à velocidade da luz este ano. CSS3 tem sido bem adotado e somos menos dependentes de polyfill já que os navegadores mais recentes são realmente bons no suporte ao mais recente padrão da web. Microsoft Edge foi introduzido, o Google lançou duas fontes abertas para a Web: Material Design Lite e Polymer 2.0.

Então, vamos encerrar o ano com algumas ferramentas úteis para outros desenvolvedores da web. Temos algumas bibliotecas JavaScript e ferramentas para trabalhar de forma mais eficaz com o jQuery. Para saber mais, confira todos os recursos para a série de desenvolvedores da web.

Clique para mais recursos

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

Notie.js

Notie.js é um alerta, notificação e caixa de diálogo JavaScript mais agradável. Em vez de usar o alerta() função que mostra um leve e um pouco chocante caixa de alerta, você pode substituí-lo com o notie () função da biblioteca para mostrar um alerta de estilo. Combine facilmente o estilo de alerta com o design geral do seu site com o Notie.js.

Canto do Github

Apenas recentemente percebi que o canto do Github, que normalmente vemos na página inicial de um projeto de código aberto, já tem 7 anos de idade. Hora de um facelift. Canto do Github é uma iniciativa para uma aparência mais moderna e fresca da fita Github. Ele usa SVG em vez de bitmap gráfico que permite que ele permaneça nítido em telas de alta resolução.

Temas doces (frouxos)

O Slack tornou-se o aplicativo de bate-papo mais popular em pequenas empresas, startups e desenvolvedores. Compare-se a outros aplicativos, como o Skype e o Google Hangouts. O Slack é personalizável de várias maneiras, incluindo seu tema: a aparência e a nuança da interface do aplicativo. Aqui está uma coleção de temas prontos para instalar do Slack .

jQuery Config

O jQuery é modular, o que significa que podemos remover módulos indesejados para que o tamanho seja mais leve. Nosso tutorial anterior, Como Remover Módulos Desnecessários em jQuery, mostra como fazer isso com Homebrew, NPM, mas isso é feito através do Terminal. Se não quiser usar dessa maneira, você pode recorrer ao uso jQuery Config. Faz o mesmo com apenas cliques.

SummerNote

SummerNote é uma biblioteca JavaScript para criar um editor WYSIWYG. SummerNote é desenvolvido em cima de proeminentes projetos de código aberto: jQuery, Bootstrap e Font Awesome. Implantar o SummerNote é tão fácil quanto implantar qualquer outra biblioteca JQuery, e é a biblioteca alternativa perfeita para o TinyMCE, especialmente se sua Web também usa o Bootstrap como base.

BackstopJS

BackstopJS é uma ótima ferramenta para testar a capacidade de resposta do site, que é um processo tedioso. Em poucas palavras, essa biblioteca torna a tarefa de testar um site em vários tamanhos de tela muito mais perfeita por meio da automação. A ferramenta irá capturar capturas de tela do site e anotar qual página passa e falhar no teste com base nos parâmetros e tamanhos de tela especificados. É como uma ferramenta de teste de unidade para implantar um site responsivo.

SuitCSS

SuitCSS é um clichê, composto de seu próprio pré-processador CSS que suporta sintaxe futura CSS como Custom Property e Custom Media Query, um punhado de classes utilitárias baseadas na metodologia BEM para alinhar, dimensionar e posicionar elementos, e muitos módulos CSS para começar a desenvolver um site bem construído.

Ligar

Ligar é um aplicativo nativo do OS X que permite criar interfaces da web e layouts usando o GridStyleSheet, um algoritmo de layout desenvolvido pelo TheGrid. O GSS permite que você crie sites de forma eficaz. Por exemplo, ao contrário do CSS, o GSS permite o alinhamento vertical de seus contêineres de elementos com uma única linha de código.

AntiModerado

AntiModerado é uma biblioteca JavaScript que carrega imagens de maneira mais inteligente. Com essa biblioteca, mesmo sob conexões de Internet lentas, você pode carregar uma imagem de tamanho menor primeiro, enquanto a imagem maior ainda está sendo carregada em segundo plano. Depois de totalmente carregada, a imagem maior assume o centro do palco. Essa técnica pode representar uma velocidade de carregamento mais rápida para suas páginas da Web.

Dicas de jQuery que você deve saber

Cool título e até mesmo conteúdo mais legal, este é um colletion de dicas jQuery que devemos saber (metade deles eu gostaria de ter conhecido muito, muito mais cedo). Vale a pena conferir.