-
800 x 600 y el diseño web
Quiero toda la información de mi sitio web en el homepage, y además no quiero tener que hacer scroll...
¿Alguna vez has escuchado algo por el estilo?
Pues es una de las cosas que la gente considera como "buen diseño web". Y de hecho lo es...
-
imagen de andreasnilsson1976Prueba la diferencia entre position relative, absolute, static y fixed
Existen muchas dudas sobre como funcionan las posiciones en CSS.
Aquí les paso un dato muy interesante, quirksmode.org tiene una página que te permite seleccionar el tipo de posición que quieres darle a un elemento y ver el resultado.
-
imagen de misshaCreando un layout sin tablas (parte 2)
Esta es la segunda parte del tutorial para hacer layouts sin tablas, si quieres, aquí puedes ver la primera parte.
¿Recuerdan la página de Starbucks Perú?
Ya estaba (casi) todo el marcado listo, sólo faltaba una pequeña cosa.
Luego de eso es hora del CSS!
Marcar la cabecera con un div para poder posicionar absolutamente todo, este sería el marcado:
-
imagen de GamiKunCreando un layout sin tablas (parte 1)
He escrito varios posts sobre por que NO se deben usar tablas para hacer el layout de una página web (y hay mucho que decir al respecto), lo que no había hecho hasta ahora era explicar la manera de hacer un layout sin tablas.
Este tema es amplio, así que no podría ponerlo todo en un sólo post, de lo que voy a hablar aquí es del HTML necesario para hacer un layout sin tablas.
Este es el primer paso que se debe seguir para para poder lograrlo.
Para hacer un layout sin tablas hay una cosa que no puede faltar, un buen HTML.
La base del diseño sin tablas es un HTML bien estructurado.
-
RSSMantente al tanto, suscríbete al feed de aprendiendo web, o por correo electrónico.
-
Design Store
Compra los libros de diseño web que recomendamos en la tienda de Aprendiendo Web en Amazon.com.
-
WaSP Street Team: getting the message out everywhere, together. -
Esta obra está bajo una licencia de Creative Commons.
Algunos recursos para Diseñadores Web
- Firebug
- Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
- Web Developer Toolbar
- Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
- YSlow
- Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
- W3C Markup Validation Service
- Valida tu HTML o XHTML, una herramienta indispensable.
Entra a la página de recursos para diseñadores web y mira la lista completa
¿Quien escribe Aprendiendo Web?
Hola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.
La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.
Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.
-12.126668, -77.029910
© 2008 - 2012 Aprendiendo Web.
- Contacto
- Diseñado y desarrollado por Lúcuma Labs