Diseño Web

Top 10 Tendencias de Diseño Web del 2013

Top 10 Tendencias de Diseño Web del 2013

Ya que el mundo no llegó a su fin el 21 de diciembre pasado, lo mejor es ir prestando atención a las nuevas tendencias de diseño web para el 2013.

En el 2012 hemos sido testigos de cómo las tendencias del diseño web se han ido implantando como piedras fundamentales en el rediseño de toda web. Al parecer, el 2013 continuará el mismo sendero: Webs adaptables, que hagan uso de los estándares y enfocadas en la usabilidad y velocidad son las premisas. Este es nuestro Top 10 Tendencias de Diseño Web del 2013, que no podemos dejar de conocer...

PXtoEM, una práctica herramienta para convertir tamaños PX a EM

PXtoEM, una práctica herramienta para convertir tamaños PX a EM

PXtoEM.com es un sitio web que nos permite convertir valores en píxeles a EMs y viceversa. Recordando el artículo Cómo usar ems en vez de pixeles para la tipografía de nuestro diseño web, definimos un EM como una unidad de medida para el campo de las tipografías, igual al tamaño de la fuente que se utiliza. Si nuestro tamaño de fuente es 16 pixeles, entonces 1em será 16px...

Cómo usar ems en vez de pixeles para la tipografía de nuestro diseño web

Cómo usar ems en vez de pixeles para la tipografía de nuestro diseño web

En años pasados, los diseñadores de páginas web utilizaban principalmente el em para definir el tamaño o dimensión de la fuente tipográfica (en lugar de píxeles), ya que las versiones primeras de Internet Explorer no permitían realizar un Zoom al texto que estuviera diseñado en píxeles.

Desde hace un tiempo, los navegadores modernos son capaces de ampliar el texto de la pantalla, incluso si los valores de tamaño del texto (font-size) están declarados en píxeles. Así que, ¿Por qué preferimos y recomendamos usar ems en vez de píxeles otra vez? He aquí las razones...

¿Qué es Responsive Web Design?

¿Qué es Responsive Web Design?

Los temas más populares en el mundo del desarrollo web de estos días están incluyendo la frase "Responsive Web Design" o su acrónimo "RWD". La frase fue acuñada ya hace más de dos años por Ethan Marcotte en su primera introducción al "Responsive Web Design" (artículo de A List Apart) y luego comentado extensamente en su libro Responsive Web Design. Si aún no haz leído estos materiales, no hay problema, que aquí los vamos a ir desarrollando...

7 tips para usar Photoshop (para programadores)

5 tips para usar Photoshop (para programadores)

Si eres un programador empedernido que no necesita nada más que un buen café y tu editor de texto favorito, tal vez el diseño web no sea para ti. Es bastante polifacético. Aunque es cierto que se necesita de habilidades de programación, también es imprescindible conocer el manejo de ficheros multimedia y gráficos. Si, los gráficos, probablemente manejados con Photoshop.

Si es la primera vez que lo utilizas, la interfaz de Photoshop puede parecer un poco rara. Es algo distinta de las interfaces de usuario de los demás programas del sistema operativo y algunas de sus características nos podrá confundir. La mejor solución a este problema, es probar y probar, luego, nunca querrás alejarte de este software cuando tengas que manipular imágenes. Afortunadamente, hay algunos tips que puedes seguir para hacer tu trabajo con Photoshop más fácil...

Páginas

Subscribe to RSS - Diseño Web

Tutoriales

El paso a paso para descargar Facebook Home
Desde hoy ya se puede descargar Facebook Home en algunos...
5 maneras inseguras de asegurar tu red Wi-Fi
¿Tu Wi-Fi esta cifrada con WEP, la SSID esta oculta y haz...
Mejores técnicas SEO del 2013
Si en algún momento del 2012 te preguntaste ¿Cuál es la mejor...

Artículo Recomendado

Twitter lanza la autenticación en dos pasos
El miércoles, Twitter anunció la llegada de su tan esperada autenticación en dos pasos. Por fin, una forma más segura de proteger nuestras cuentas. Jim O'Leary del equipo de seguridad del producto en Twitter se... más