Informática

[Acomerla]

20 herramientas útiles para Diseñadores Web

Hoy en día las personas son dependientes de Internet. Están usando computadoras portátiles, netbooks, tablets, teléfonos inteligentes e incluso televisores para navegar por Internet. Estos dispositivos tienen diferentes pantallas y resoluciones, y puede ser muy duro para crear sitio web que funciona correctamente en todos estos dispositivos.

Pero hay una solución. Diseño de respuesta tiene que ver con el ajuste de diseños para adaptarse a pantallas de diferentes tamaños. Si desea crear un diseño web de respuesta debe usar las redes de fluidos, imágenes y preguntas. En este post encontrarás 20 herramientas útiles para la creación de diseño de páginas web de respuesta.

Golden Grid System




Golden grid system es una rejilla abatible para el diseño sensible. Tiene cuatro características principales: las columnas, canales, una línea de base y un guión.


Lettering.JS


Un plugin de jQuery para la tipografía web radical. Con Lettering.js puede trabajar con kerning tipo, diseño editorial, el código manejable y usted tendrá el control total.


FitText




FitText hace font-tamaños flexibles. Utilizar este plugin en el líquido o el diseño de respuesta para lograr titulares escalable que llenar el ancho de un elemento primario.

Fluid 960 Grid System


The Fluid 960 Grid System templates se han construido sobre la obra de Nathan Smith y sus 960 Grid System con efectos desde el MooTools y jQuery bibliotecas JavaScript.


Gridless


Hacer que el futuro a prueba de sitios web sensibles con facilidad. Sin rejilla es un opcional HTML5 y CSS3 reutilizable para la fabricación de móviles de primera respuesta, cross-browser web con una bella tipografía.


Skeleton


Skeletones una pequeña colección de los archivos CSS y JS que pueden ayudar a desarrollar rápidamente sitios que lucir bellas en cualquier tamaño, ya sea una pantalla de 17 "ordenador portátil o un iPhone.


Responsive Design Testing



Basta con introducir la url de su sitio web y probarlo en las resoluciones del navegador.


PX to EM


Aquí hay una calculadora para su costumbre EM necesidades. Sólo tienes que seleccionar el tamaño de fuente del cuerpo y obtendrá conversiones basadas en el tamaño de fuente del cuerpo.


BluCSS


BluCSS es un marco CSS diseñado con la facilidad de uso y la simplicidad en mente. Que se hace específicamente para que cuando usted está trabajando en su próximo proyecto, usted no tiene que preocuparse por lo esencial.


Seamless Responsive Photo Grid


Digamos que usted tiene un montón de imágenes que desea mostrar, y el objetivo es hacer que el borde a borde de la ventana del navegador sin espacios. Sólo porque usted piensa que sería genial. Son de diferentes tamaños. Aquí podrá ver cómo hacerlo.


SimpleGrid


SimpleGrid se prepara para 4 gamas distintas de tamaño de la pantalla: 720px pantallas, pantallas de 720px, 985px de pantallas y pantallas de 1235px. Esto significa que las personas que visitan su sitio recibirá un diseño que está en sintonía con el tamaño de la ventana de su navegador. Diga adiós a las barras de desplazamiento horizontal.


Adapt.js


Adapt.js es un peso ligero (826 bytes minified) archivo JavaScript que determina el archivo CSS se cargue antes que el navegador hace una página. Si el navegador se inclina o se cambia de tamaño, Adapt.js simplemente comprueba su anchura, y tiene como único CSS que se necesita, cuando es necesario.







Fluid Images


En este artículo usted la aleta de un montón de información útil y ejemplos de código relacionados con imágenes fluidas.


Convert a Menu to a Dropdown for Small Screens


Cuando la ventana del navegador es estrecho, el menú en la parte superior derecha se convierte en una fila regular de enlaces en un menú desplegable. En este artículo usted aprenderá cómo hacer esto.

disculpen la traducción