Recursos frescos para diseñadores y desarrolladores web (noviembre de 2012)
Hay una serie de nuevas herramientas y recursos excelentes para ofrecer a los diseñadores y desarrolladores web un apalancamiento adicional para su trabajo. Este mes tenemos algunos grandes herramientas y recursos gratuitos digno de intentarlo, a partir de un complemento para crear efectos fotográficos geniales a un complemento para el contenido y el deslizamiento de imágenes con una transición realmente genial.
Por lo tanto, vamos a verlos.
Echa un vistazo a todos nuestros recursos frescos (según el mes):
Proto
El diseño web sensible ahora se está convirtiendo en la práctica estándar en la creación de un sitio web. Esto hace esta Herramienta realmente útil para hacer el trabajo. Proto se basa en SCSS para crear prototipos de diseño de respuesta rápidamente al proporcionar clases de CSS predefinidas listas para usar, definir la cuadrícula de respuesta y algunas clases específicas del dispositivo.
Display Grid
Si está trabajando con marcos de diseño de Responsive, como Bootstrap o Foundation, probablemente necesite este bookmarklet para realizar un seguimiento de la cuadrícula en el navegador. Esta herramienta mostrará una cuadrícula de superposición en la página web que está viendo. Es bastante práctico, simplemente arrástralo y suéltalo en tu barra de marcadores. Simplemente haga clic en el marcador en cualquier momento que necesite cuadrículas para mostrar.
BootMetro
Windows 8 aplica la simplicidad del lenguaje de diseño de Metro. Si desea adoptar este estilo en su sitio web, BootMetro es probablemente lo que necesita.
Guiones bajos
Hay muchos temas de inicio de WordPress disponibles en Internet, pero ningún otro es tan bueno como los guiones bajos. Con él, puede especificar y personalizar el Nombre del tema, la Descripción, el Autor y, específicamente, el Slug del tema, que se aplica a la función del tema una vez que descarga el paquete, por lo que obtendrá algo como theme_slug_function.
Jarallax
¿Te gusta el efecto Parallax que ves en sitios web como este? Si desea aplicar un efecto similar a su sitio web, puede usar Jarallax, una biblioteca de animación de JavaScript para crear el efecto Parallax (casi en ningún momento).
Ventoso
¿Estás aburrido con los efectos deslizantes de la galería que solo se mueven horizontalmente? Luego revisa Windy, que utiliza la transformación 3D para ejecutar el contenido de una manera realmente única. Vea la demostración aquí.
Cambio de inclinación
En resumen, tiltShift en fotografía es una técnica para hacer que una foto se vea más pequeña, casi como una miniatura de lo que realmente es. Revisa nuestra colección de fotos en este post: “Fotografía de cambio de inclinación”. Si desea aplicar este efecto en su galería de fotos, simplemente puede usar esta biblioteca de JavaScript, TiltShift.js.
Secuencia
Sequence.js es un complemento de control deslizante jQuery con algunos efectos de transición avanzados. A diferencia del otro control deslizante, la secuencia no viene con su propio tema incorporado. Por lo tanto, podemos personalizar completamente la apariencia para que coincida con nuestro sitio web.
Delta
jQuery UI es un conjunto completo de interacción e interfaz de usuario web común, que es fácil de usar. Sin embargo, el tema por defecto es aburrido. Por lo tanto, si desea tener un aspecto diferente para jQuery UI, pero no quiere ensuciarse las manos con CSS, simplemente puede reemplazar los estilos CSS predeterminados con Delta, un tema elegante para jQuery UI..
