Por qué mi sitio se ve diferente entre navegadores
Interesante artÃculo del por qué los sitios web se ven diferentes en los diferentes navegadores.
Print designers are able to lay out a page knowing exactly how the design will look when it’s printed. Many people expect the same from web design but often it’s not possible, practical, or even desirable, to build pages that look exactly the same on every browser.
VÃa: Message.uk.com
Usando elementos Object en vez de iFrames
Los iFrames son cada día menos populares y están siendo relegados dentro de los estándares de DOCTYPES (por ejemplo del "Strict" ya no incluye soporte para este tag) en los documentos HTML. Pero no podemos negar su uilidad para resolver en ocasiones, los problemas de layout o de desplegado de información que requieren o sugieren el uso de iFrames. Gracias a Aleksandar Vacić me enteré de esta alternativa que propone utilizar el elemento "Object" en vez del "iFrame". Veamos el código:
<object style="width: 300px; height: 200px;" data="object.html" type="text/html" classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13">Fallback text</object>
Ahora agregamos un "hack" en el CSS para evitar los bordes y la barra de scroll en IE:
<!--[if IE]>
<style type="text/css">html, body {border:0;overflow:visible;}</style>
<![endif]-->
Vía:
50 diseños en CSS para inspirarse
Gracias a Héctor, encontré este sitio donde presentan una recopilación de 50 sitios web hechos en CSS con diseños impactantes.
VÃa: Smashing Magazine
Descarga el logo oficial RSS
Este sitio nos da la posibilidad de descargar el Ãcono oficial en alta resolución del “Feed de RSS” para poder utilizarlo en algún diseño acorde con nuestras necesidades. También nos presenta algunos lineamientos y recomendaciones.
Encuéntrate en Internet
Photoshop CS3 Preview
Interesante video que muestra las novedades del Photoshop CS3, la última versión del editor de fotos de Adobe. Noten la nueva interfase que hace un uso óptimo del área de trabajo mediante el el reordenamiento y posicionamiento avanzado de las paletas. Algunas capturas de pantalla aquí: http://www.photoshopuser.com/cs3/screencaptures.html
Nuevo logo de Firefox?
Extensiones para Firefox que debes tener
Esta pequeña recopilación de extensiones (ahora llamadas Add-ons) para Firefox, son quizá las más importantes y necesarias para cualquier desarrollador y diseñador web.
- DOM Inspector by Scott MacGregor Permite inspeccionar el DOM (Direct Object Model del HTML, XUL y XML de las páginas.
- Web Developer by Chris Pederick
Esta es una de las herramientas más importantes para un diseñador y desarrollador de sitios. Te permite a través de una barra de menú (toolbar) que contiene varias herramientas que te permiten activar, desactivar, editar CSS, HTML; cookies, formularios, imágenes, también validar páginas y mucho más!
- FireBug by Joe Hewitt Esta extensión también es crítica para analizar, explorar, limpiar y perfeccionar el código HTML, CSS, Javascripts y Ajax de los sitios. Una herramienta multiuso!
- View Source Chart by Jennifer Madden Crea tablas a colores de código fuente renderizado de un sitio. Herramienta visual muy útil!
- Google Browser Sync Esta pequeña extensión no tiene realmente nada que ver con diseño web, sin embargo la uncluí, porque la verdad es la herramienta más útil que han sacado para Firefox. Te permite sincronizar (en línea) el Firefox de tu oficina con el de tu casa y con cualquier otro. Sincroniza tus bookmarks, cookies, tabs, ventanas y passwords (todo esto es customizable).
¿Para cuál browser diseñar?
Estoy seguro, de que esta pregunta se la han hecho muchos diseñadores y desarrolladores de sitios web últimamente. La respuesta lógica indicarÃa que tomemos el camino de presentar un sitio que se “vea bien” en el navegador más utilizado, es decir, Internet Explorer de Microsoft.
Según los reportes más recientes de Market Share, este browser tiene el 80.56% del mercado cubierto (aunque nos duela a los que intentamos evitar a toda costa este terriblemente mal concebido pedazo de software de MS).
Estas estadÃsticas (11/06) indican lo siguiente:
- Internet Explorer: 80.56%
- Firefox: 13.50%
- Safari: 4.03%
Entonces, ¿por qué es aconsejable NO diseñar y desarrollar para Internet Explorer? (Leer más…)
Templates para web… Gratis!
Six Shooter Media puso en lÃnea una colección de templates para sitios web, hechos en CSS y XHTML válido, con diseños bastante buenos y lo mejor de todo, gratis!
http://www.sixshootermedia.com/free-templates/
Muestra tus diseños al mundo!
Una manera interesante de mostrar tus obras maestras de diseño web, ya sea con tu sitio personal, tu blog, o algún diseño hecho para un cliente, es enviarlo a las galerÃas en lÃnea que enlistan sitios web con diseños impactantes.
Les presento un listado de sitios, en donde pueden encontrar inspiración para diseñar y también enviar tus creaciones para que, si son aceptados, puedan ser apreciadas por todos. (Leer más…)
Tutoriales de Flash!
Populares
- Notas acerca de HTML y su correcta visualización en e-mails



(4 / 4) - BitNami: Aplicaciones web empaquetadas y listas para instalar!



(4 / 4) - Tips y trucos de CSS (muy útiles)



(4 / 4) - Más fuentes y tipografÃas para descargar (Gratis!)



(4 / 4) - Layouts en CSS de 3 columnas fijas



(4 / 4) - Stemplate: Templates de elementos web



(3.86 / 4) - La importancia de los Meta Tags



(3.8 / 4) - Tutorial: Perfila imágenes con un par de clics



(3.8 / 4)
Comentarios Recientes
May 3, 2008 | kenneth
en: Crea tu propio logo Web 2.0April 23, 2008 | AlvaroG
en: Mega listado de generadores "web 2.0" en lÃneaApril 11, 2008 | Luigi Salas
en: Web 2.0 quiz!April 9, 2008 | piko ctm
en: Conceptos de Arquitectura de la InformaciónApril 9, 2008 | ALE
en: Más fuentes y tipografÃas para descargar (Gratis!)
Artículos Anteriores
- Project Gmail Grimace: Hagamos que Google nos escuche
- PrestaShop: Tu negocio en internet, fácil y gratis!
- FreeVectors.net: GalerÃa vectorial gratis!
- Excelente listado de tutoriales de Adobe Photoshop!
- 10 malententidos sobre la usabilidad
- 56 tutoriales de Flash!
- Buen tutorial de Fireworks para poner brillo a los elementos
- 22 sitios útiles para crear layouts en CSS
- Muy buena galerÃa de fotos con Javascript
- Top 10 hosting compartidos
- BitNami: Aplicaciones web empaquetadas y listas para instalar!
- 120 ideas para diseñadores y freelancers para promocionarse (Gratis!)
- Tutoriales de Adobe Illustrator
- Entendiendo el funcionamiento de “z-index” en CSS
- Notas acerca de HTML y su correcta visualización en e-mails
Los Temas
- .net (4)
- 3d (1)
- Accesibilidad y Usabilidad (34)
- Adobe (11)
- Ajax (7)
- Apple (3)
- Banners (6)
- Blogs (22)
- Browsers (17)
- Buscadores (5)
- CMS (2)
- Colores (1)
- Curiosidades (29)
- Diseño Gráfico (39)
- Diseño Web (98)
- Dreamweaver (3)
- Encuestas (1)
- Estándares (36)
- Eventos (29)
- Fireworks (6)
- Flash (9)
- Fuentes (5)
- Google (7)
- Herramientas (82)
- HTML y CSS (85)
- Iconos (11)
- Internet (57)
- Libros (2)
- Logos (1)
- Microsoft (9)
- Personal (17)
- Photoshop (12)
- Programación (22)
- SEO (1)
- Templates (6)
- TipografÃas (4)
- Tips Avanzados (107)
- Tutoriales (11)
Archivos
Acerca del Autor
Michael Müller C. es un diseñador y desarrollador de sitios web radicado en Guayaquil, Ecuador. Creador de MMC Design en 1998 y de Iconiza en el 2007.
Del Portafolio
Lo que leo
- 456 Berea Street
- A List Apart
- Andufo.com
- Bloggus
- Cinerama.ec
- Design View
- Digital Web Magazine
- Diseño web
- Diseño web profesional
- EINICIO.com
- El Café de Joe
- El Ecuador de Hoy
- Freelance Switch
- FutbolAdicto.com
- Garrett Dimon Blog
- Inclusion.es
- Jackob Nielsen
- Javier Romero
- Jeffrey Zeldman
- Jonathan Snook's Blog
- Juan Xavier
- Mentalized
- Simplebits
- Smashmagazine
- Verlee's Blog
Servicios
Contribuye
¿Te ha servido la información de este blog? Considera hacer una donación a través de:
Conoce más recomendaciones personales de libros relacionados con Diseño y Desarrollo Web en Amazon.

December 26th, 2006


(3 votos, promedio: 3.33 de 4)
