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

Todos os meses há dezenas de coisas gratuitas que são compartilhadas por pessoas muito generosas na comunidade de web design e desenvolvimento web; É quase impossível acompanhar todas essas coisas novas. No entanto, você não deve se preocupar; neste post nós selecionamos 10 'coisas' úteis que vão desde trechos de código a ferramentas, frameworks a plugins para tornar seu trabalho e sua vida mais fáceis para designers da Web e desenvolvedores.

Vamos dar uma olhada.

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

• Outubro de 2012
• Novembro de 2012
• dezembro 2012

CSSS

CSSS que significa "Sistema SlideShow baseado em CSS" é um framework criado por Lea Verou (conhecido como o guru CSS). Em essência, este framework permite que você crie slides de apresentação com padrões web HTML e CSS. Este slideshow suporta atalhos de teclado como ←, →, ↓ e ↑ para navegar pelos slides.

Se você faz CSS e HTML, este framework é um substituto (melhor) para softwares caros como o MS PowerPoint..

BonsaiJS

O Bonsai é uma biblioteca gráfica leve do JavaScript com uma API intuitiva. Podemos usar essa biblioteca para desenhar formas simples, como um retângulo, um triângulo, um círculo ou um gráfico com grande complexidade. Essa biblioteca também pode ser usada para fornecer a renderização SVG (Scalable Vector Graphic) em navegadores não suportados como alternativa.

Além disso, o Bonsai também fornece alguns recursos, incluindo Animação, Evento e Filtros, para fazer esses gráficos agirem de forma mais interativa..

Padrão Responsivo

Padrões responsivos é uma coleção de padrões que você pode usar para criar um site responsivo. Esta coleção inclui alguns exemplos de layout responsivo e navegação com alguns outros padrões responsivos de componentes comuns da Web, como imagens, vídeo, tabelas e formulários.

Effin Toolsets

Isso provavelmente é tudo que você precisa para ajudar a desenvolver seu website. Effin Toolsets é uma coleção de uma dúzia de ferramentas úteis para desenvolvedores web, tudo empacotado em um só lugar.

Uma das ferramentas nesta coleção que eu pessoalmente acho extremamente útil é a Entificador, esta ferramenta vai mudar esses personagens, < e >, em seu código HTML, para que o seu snippet de código seja renderizado corretamente dentro do

 tag.
 
 
Susy
 
Susy é uma grade responsiva para o Compass. Como qualquer outra estrutura de grade responsiva por aí, ela consiste em vários estilos pré-definidos, mas como ela é construída com o Sass e o Compass, essa estrutura é muito mais configurável.
 
Susy permite que você personalize o número da coluna, a largura da coluna, a medianiz e o preenchimento da grade, tornando-a sua própria grade que se adapta ao seu site. Susy fará todo o trabalho duro: Cálculo. Se você é um super-nerd que gosta de trabalhar com Sass e Compass, essa extensão é definitivamente para você.
 
 
Navegação suspensa infinita
 
Um menu suspenso é um componente comum que encontramos em um site. No entanto, criar uma navegação suspensa não é tão fácil quanto parece. Harry Roberts de CSS Wizardry, felizmente, compartilhou sua “código mágico” criar uma navegação suspensa infinita (o que é incrível).
 
 
Bourbon Puro
 
O Neat é uma estrutura de grade responsiva que ajuda você a gerenciar facilmente um site responsivo. É construído sobre Sass e Bourbon, uma coleção de mixins úteis para Sass. Este framework é uma jóia Ruby, ele pode ser instalado através do Terminal ou Command Prompt com esta linha de comando gem instalar puro.
 
 
Typicons
 
Não haverá o suficiente para ícones. Tipicons são um conjunto de ícones de fontes que consistem em cerca de 88 caracteres. Você pode adicionar esses ícones @Tipo de letra regra e aplicá-los ao seu site com os pseudo-elementos CSS ou incorporá-los diretamente com seu caractere HTML.
 
Ao usar webfont para entregar seus ícones, você pode ter as vantagens de não precisar implantar o CSS Sprite e ajustar a posição de fundo para exibir os ícones, tela de alta resolução pronta e tecnicamente reduz solicitações http e consome menos largura de banda do que ícones de bitmap.
 
 
Anotador
 
Esta biblioteca permite que você adicione comentários, tags e descontos ao seu conteúdo da Web e, junto com o AnnotateIt, você pode armazenar suas anotações gratuitamente.
 
 
Aeroporto
 
Quando você está no aeroporto, você verá o quadro de informações de vôo com o texto invertido. Com este plugin jQuery, Airport, somos capazes de criar o mesmo efeito de texto de arquivamento.
 
 
Conclusão
 
Isso é tudo para este mês. Você já tentou alguma dessas coisas? Qual é o seu favorito? Você encontrou alguma outra coisa legal para desenvolvedores / web designers que perdemos nesta lista??.
 
Sinta-se à vontade para compartilhá-los na caixa de comentários abaixo, e gostaríamos de ouvir seus pensamentos também.