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

É hora de compartilharmos outra lista impressionante de recursos para nossos colegas desenvolvedores web. Na última vez, apresentamos várias referências, aplicativos e algumas bibliotecas JavaScript.

Considerando que existem muitas bibliotecas JavaScript que ainda não foram abordadas nesta série, essa parte contará com mais plug-ins do jQuery e algumas referências para melhorar nossas habilidades como desenvolvedores da web. 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.

jQueryMy

jQueryMy é um Plugin jQuery para lidar com ligação de dados em tempo real. Ele é compatível com controles ou entradas nativas do navegador, bem como uma biblioteca de interface do usuário, como a interface do usuário do jQuery, pronta para uso. Ele é equipado com validação, formatação condicional e gerenciamento complexo de dependências, que parece torná-lo ótimo - ainda mais leve - alternativa a um framework MV * como Backbone.js, Ember.js e Vue.js

Cabeça

Normalmente, o cabeça tag contém o título tag, o ligação tag apontando para uma folha de estilo e roteiro tag para carregar um arquivo JavaScript. Este repositório mostra que há muito mais que podemos incluir dentro do cabeça tag. A lista inclui links gerais e meta tags para uma plataforma específica específica.

SmoothState

Desenvolvendo um transição de página suave poderia ser realmente doloroso. Precisamos pensar em manipular o suporte ao navegador para as APIs de histórico, armazenamento em cache, pré-carregamento, bem como a animação, para garantir que ela funcione de maneira suave e rápida.. SmoothState vem com todos estes em um pacote, permitindo-nos obter a experiência em funcionamento em menos tempo.

SketchRunner

Em suma, o SketchRunner é semelhante ao OS X Spotlight, Alfred ou a paleta de comandos do SublimeText. É uma extensão do Sketch que fornece uma interface de pesquisa simples para fazer várias tarefas normalmente feitas no menu do aplicativo. Ele simplifica para ajudá-lo a ser mais produtivo.

CSS Sustentável

CSS atualizável é um livro online com muitos anos de experiência, técnicas refinadas para compor CSS estelar que é sustentável a longo prazo ao longo das gerações.

Padrões de Flexbox

Esta é uma coleção de snippets e drop-in HTML e CSS para construir interface, como cabeçalho, rodapé, menu de navegação, usando o Flexbox CSS. Se você acha difícil usar o Flexbox, é uma ótima fonte de inspiração para finalmente aprender o Flexbox..

Lâmpada de lava

O Infinite Scroll é uma interface popular na web onde puxa novo conteúdo quando chegamos ao fundo da página. Lavalamp é uma biblioteca JavaScript, apelidada para substituir o Infinite Scroll. Confira a demonstração.

Glio

Um JavaScript que detecta o cursor do mouse quando é prestes a sair da janela o que provavelmente indica que o usuário vai sair. Quando isso acontece, você pode usá-lo para acionar uma função para mostrar um formulário de inscrição ou um mensagem pop-up simples para aumentar sua taxa de conversão.

Coleure

Outro seletor de cores com uma interface de usuário legal. Você pode arrastar e soltar cores para criar sua própria paleta de cores, tornando isso uma abordagem mais visual e organizada para criar um esquema de cores. Inscreva-se para criar uma conta para salvar suas coleções.

CSSX

CSSX é uma ferramenta que permite que você escreva CSS em JavaScript. Nada é alterado embora; É a mesma sintaxe CSS nativa envolvida em uma função JavaScript. Eu honestamente ainda não descobri como eu poderia alavancar o CSSX em qualquer um dos meus projetos, mas parece legal e definitivamente vale a pena mencionar.