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

Parece que o Ano Novo foi ontem. No entanto, estamos aqui agora em Maio e chegou a hora de compartilhar novos recursos com nossos colegas desenvolvedores web.

Nesta rodada, temos algumas boas referências que valem bookmarking, uma ferramenta para ajudá-lo a verificar se há erros de HTML, um shortcode para compor notações de músicas, uma biblioteca JS para manipular tabelas de forma responsiva e um sistema de grade responsivo..

CanIUse Shortcode

CanIUse é uma fonte abrangente para rastrear o suporte ao navegador para recursos modernos da web. Este é um plugin WordPress que exibe uma tabela CanIUse para o recurso especificado usando um shortcode acessível. Uma vez ativado, você pode adicionar, por exemplo, [recurso de exibição ciu = "áudio"] exibir os resultados para o suporte ao elemento de áudio HTML5 em uma tabela.

jQuery FileAPI

Um plug-in do jQuery que interage com o arquivo da API do navegador para manipular o upload de arquivos, este plug-in também inclui a capacidade de cortar e redimensionar imagens e fazer upload de vários arquivos.

TabellaJS

Construir uma mesa responsiva é realmente complicado. Existem muitas bibliotecas e técnicas JavaScript que você pode usar, mas cada uma vem com suas próprias armadilhas. Tabella é uma biblioteca que parece promissora na tentativa de enfrentar este obstáculo notório no web design responsivo.

StickyFill

O StickyFill é um polyfill do novo CSS3 pegajoso posição. Ele simula perfeitamente o comportamento da posição fixa, e também funciona com muitas instâncias pegajosas.

Basket.js

Basket.js é uma biblioteca JavaScript usada para otimizar o tempo de carregamento do JavaScript. O Basket.js irá armazenar em cache JavaScripts no localStorage, evitando assim o carregamento desnecessário no futuro. Isso também melhorará a velocidade do site, pois os scripts não são chamados pelo usuário, mas sim obtidos do servidor..

HTMLHint

HTMLHint é uma pequena ferramenta da web para verificar erros em HTML. A ferramenta verificará os padrões de nomenclatura, as marcas de fechamento ausentes, os problemas de acessibilidade, o uso adequado do Doctype e os IDs duplicados e os problemas mais graves que você pode ignorar.

Notação ABC

Você é músico e dirige um site baseado no WordPress? Este plugin pode ser o que você está procurando. Uma vez ativado, o ABC Notation permite que você componha notações musicais em sua postagem e página usando um shortcode.

KSS StyleGuide

KSS Styleguide torna a criação de um guia de estilo de vida mais conveniente. A ferramenta automatizará o processo e, à medida que seu website crescer, com novas adições e iterações de UI, o KSS atualizará o guia de estilo.

Status do Internet Explorer

O Internet Explorer está evoluindo para melhor. Na última versão (antes do Spartan), o Internet Explorer adotou vários novos padrões da web. Agora você segue o status dos próximos recursos que serão lançados na próxima versão. É uma referência útil para desenvolvedores da Web, além do CanIUse e do Chrome Status.

Flexbox CSS

Uma coleção de qualquer coisa relacionada ao CSS Flexbox, como tutoriais, artigos e cheatsheets. Uma referência muito útil para qualquer desenvolvedor para marcar.

Vale

Vale é uma coleção de ícones de pasta do OS X e pastas geradas por terceiros comuns, como Dropbox, Drive e OneDrive. A cor da pasta está mais atenuada, o que eu acho que é uma decisão melhor do que a que você obtém com as pastas do OS X Yosemite (muito vibrantes!).

Grade Wizard de CSS

Um sistema de grade responsivo, leve e robusto, desenvolvido por Harry Robert, é repleto de recursos CSS; é totalmente responsivo, alimentado com Sass, estruturado com metodologia BEM, e são grades reversíveis.