Recursos frescos para diseñadores y desarrolladores web (octubre de 2012)

Cada mes hay docenas de cosas gratuitas que son compartidas por personas muy generosas en la comunidad de diseño web y desarrollo web; Es casi imposible mantenerse al día con todas estas cosas nuevas. Sin embargo, no debes preocuparte; En este post hemos seleccionado. 10 'cosas' útiles que van desde fragmentos de código hasta herramientas, desde marcos hasta complementos para facilitar su trabajo y su vida como diseñadores y desarrolladores web.

Vamos a verlos.

Echa un vistazo a todos nuestros recursos frescos (según el mes):

Octubre 2012
Noviembre 2012
Diciembre 2012

CSSS

CSSS que significa "Sistema de presentación de diapositivas basado en CSS" es un marco creado por Lea Verou (conocido como el gurú de CSS). En esencia, este marco le permite crear diapositivas de presentación con estándares web HTML y CSS. Esta presentación de diapositivas soporta atajos de teclado como ←, →, ↓ y ↑ navegar por las diapositivas.

Si hace CSS y HTML, este marco es, en mi opinión, un (mejor) reemplazo para software de alto precio como MS PowerPoint..

BonsaiJS

Bonsai es una biblioteca de gráficos de JavaScript ligero con una API intuitiva. Podemos usar esta biblioteca para dibujar formas simples como un rectángulo, un triángulo, un círculo o un gráfico con una complejidad profunda. Esta biblioteca también se puede utilizar para entregar la representación de gráficos vectoriales escalables (SVG) en navegadores no compatibles como alternativa.

Además, Bonsai también proporciona algunas características que incluyen animación, eventos y filtros para que estos gráficos actúen de manera más interactiva..

Patrón de respuesta

Patrones receptivos es una colección de patrones que puede utilizar para crear un sitio web receptivo. Esta colección incluye algunos ejemplos de diseño y navegación receptivos con algunos otros patrones de componentes web comunes, como imágenes, videos, tablas y formularios..

Juegos de herramientas Effin

Esto es probablemente todo lo que necesita para ayudar a desarrollar su sitio web. Effin Toolsets es una colección de una docena de herramientas útiles para desarrolladores web, empaquetadas en un solo lugar.

Una de las herramientas de esta colección que personalmente encuentro extremadamente útil es la Entificador, Esta herramienta cambiará estos personajes., < y >, en su código HTML para que su fragmento de código se reproduzca correctamente dentro de la

etiqueta.

Susy

Susy es una cuadrícula de respuesta para Compass. Al igual que cualquier otro marco de cuadrícula de respuesta por ahí, consta de varios estilos predefinidos, pero como está construido con Sass y Compass, este marco es mucho más configurable..

Susy le permite personalizar el número de columna, el ancho de la columna, el margen y el relleno de la cuadrícula, lo que hace que sea su propia cuadrícula que se ajuste a su sitio web. Susy hará todo el trabajo duro: cálculo. Si eres un súper geek que disfruta trabajar con Sass y Compass, esta extensión es definitivamente para ti..

Navegación desplegable infinita

Un menú desplegable es un componente común que encontramos en un sitio web. Sin embargo, crear una navegación desplegable no es tan fácil como parece. Harry Roberts de CSS Wizardry, afortunadamente, ha compartido su “código mágico” para crear una navegación desplegable infinita (que es impresionante).

Bourbon Neat

Neat es un marco de cuadrícula sensible que le ayuda a ejecutar un sitio web sensible fácilmente. Está construido sobre Sass y Bourbon, una colección de mixins útiles para Sass. Este marco es una gema de Ruby, se puede instalar a través de Terminal o Símbolo del sistema con esta línea de comandos instalación de gemas ordenada.

Tipicones

No habrá suficiente para los iconos. Las fuentes tipográficas son un conjunto de iconos de fuentes que constan de alrededor de 88 caracteres. Puedes agregar estos iconos a través de @Perfil delantero gobierne y aplíquelas a su sitio web con los pseudo-elementos CSS o incrustarlos directamente con su carácter HTML.

Al utilizar webfont para entregar sus íconos, puede tener las ventajas de no tener que implementar CSS sprite y ajustar la posición del fondo para mostrar los íconos, la pantalla de alta resolución está lista y técnicamente reduce las solicitudes de http y consume menos ancho de banda que los íconos de mapa de bits.

Anotador

Esta biblioteca le permite agregar comentarios, etiquetas y marcas a su contenido web y, junto con AnnotateIt, puede almacenar sus anotaciones de forma gratuita..

Aeropuerto

Cuando estés en el aeropuerto, verás el tablero de información de vuelos con el texto volteado por todas partes. Con este plugin de jQuery, Airport, podemos crear el mismo efecto de texto de filpping.

Conclusión

Eso es todo por este mes. ¿Has probado alguna de estas cosas? ¿Cual es tu favorito? ¿Encontró alguna otra cosa interesante para los diseñadores / desarrolladores web que no vimos en esta lista??.

Siéntase libre de compartirlos en el cuadro de comentarios a continuación., y nos gustaría escuchar sus pensamientos también.