Recursos frescos para web designers e desenvolvedores (novembro de 2012)

Há uma série de novas ferramentas e recursos excelentes para dar aos web designers e desenvolvedores uma alavancagem extra para o trabalho deles. Este mês nós temos ótimos ferramentas e recursos gratuitos digno de uma tentativa, a partir de um plugin para criar efeitos de foto legal para um plugin para conteúdo e imagem deslizando com transição genuinamente legal.

Então, vamos dar uma olhada.

Confira todos os nossos recursos frescos (de acordo com o mês):

Proto

Web design responsivo está se tornando a prática padrão na criação de um website. Isto faz isto ferramenta realmente útil para fazer o trabalho. O Proto é construído sobre o SCSS para prototipar o layout responsivo rapidamente, fornecendo classes CSS pré-definidas prontas para uso, definindo a grade responsiva e algumas classes específicas do dispositivo.

Grid Displayer

Se você estiver trabalhando com estruturas Responsive Design como Bootstrap ou Foundation, provavelmente precisará deste bookmarklet para rastrear a grade no navegador. Essa ferramenta mostrará uma grade de sobreposição na página da Web que você está visualizando. É muito útil, basta arrastar e soltar na barra de favoritos. Basta clicar no bookmarklet sempre que precisar de grades para mostrar.

BootMetro

O Windows 8 aplica a simplicidade da linguagem de design do Metro. Se você quer abraçar este estilo em seu site, o BootMetro é provavelmente o que você precisa.

Sublinhados

Existem muitos temas iniciais do WordPress disponíveis na Internet, mas nenhum outro é tão bom quanto o Underscores. Com ele, você pode especificar e personalizar o nome do tema, descrição, autor e, especificamente, o tema Slug, que se aplica à função do tema uma vez que você baixar o pacote, assim você terá algo como theme_slug_function.

Jarallax

Como o efeito Parallax que você vê em sites como este? Se você quiser aplicar um efeito semelhante ao seu site, você pode usar Jarallax, uma biblioteca de animação JavaScript para criar o efeito Parallax (em quase nenhum momento).

Ventoso

Você está entediado com efeitos deslizantes de galeria que se movem apenas horizontalmente? Em seguida, confira o Windy, que usa a transformação 3D para executar o conteúdo de maneira genuinamente única. Veja a demonstração aqui.

TiltShift

Em suma, tiltShift na fotografia é uma técnica para fazer uma foto parece menor, quase em miniatura do que realmente é. Confira nossa coleção de fotos neste post: “Fotografia de mudança de inclinação”. Se você quiser aplicar esse efeito em sua galeria de fotos, basta usar essa biblioteca JavaScript, TiltShift.js.

Seqüência

Sequence.js é um plugin slider Responsive jQuery com alguns efeitos de transição avançados. Ao contrário do outro controle deslizante, o Sequence não vem com seu próprio tema interno. Assim, podemos personalizar completamente a aparência para combinar com nosso website.

Delta

O jQuery UI é um conjunto completo de interface de usuário e interação comuns na web, que é fácil de usar. No entanto, o tema padrão é chato. Então, se você quer ter uma aparência diferente para o jQuery UI, mas não quer sujar as mãos com CSS, você pode simplesmente substituir os estilos CSS padrão pelo Delta, um tema liso para o jQuery UI.