Por qué mi sitio se ve diferente entre navegadores

 1 Comentario   HTML y CSS, Accesibilidad y Usabilidad, Diseño Web   December 26th, 2006   Enviar por e-mail
 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 (No hay votos)
Loading ... Loading ...

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

 6 Comentarios   HTML y CSS, Estándares, Tips Avanzados   December 21st, 2006   Enviar por e-mail
3 Votes | Average: 3 out of 43 Votes | Average: 3 out of 43 Votes | Average: 3 out of 43 Votes | Average: 3 out of 4 (3 votos, promedio: 3 de 4)
Loading ... Loading ...

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

 2 Comentarios   HTML y CSS, Diseño Web, Diseño Gráfico   December 20th, 2006   Enviar por e-mail
 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 (No hay votos)
Loading ... Loading ...

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

 1 Comentario   Diseño Web, Diseño Gráfico, Iconos   December 19th, 2006   Enviar por e-mail
 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 (No hay votos)
Loading ... Loading ...

logoFeedIcons.gif

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.

http://feedicons.com/

Encuéntrate en Internet

 0 Comentarios   Internet, Curiosidades   December 19th, 2006   Enviar por e-mail
 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 (No hay votos)
Loading ... Loading ...

internetMap.gif

Interesante página que muestra, según tu IP o dominio, tu ubicación en el mapa del Internet.

Photoshop CS3 Preview

 4 Comentarios   Herramientas, Diseño Gráfico, Adobe, Photoshop   December 18th, 2006   Enviar por e-mail
 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 (No hay votos)
Loading ... Loading ...

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?

 3 Comentarios   Browsers, Curiosidades   December 14th, 2006   Enviar por e-mail
3 Votes | Average: 3.33 out of 43 Votes | Average: 3.33 out of 43 Votes | Average: 3.33 out of 43 Votes | Average: 3.33 out of 4 (3 votos, promedio: 3.33 de 4)
Loading ... Loading ...

Parece que esta propuesta puede ser considerada! Véanlo ustedes mismos.

Vía Joe Monster.

Extensiones para Firefox que debes tener

 1 Comentario   Herramientas, Browsers, Tips Avanzados   December 13th, 2006   Enviar por e-mail
3 Votes | Average: 3.67 out of 43 Votes | Average: 3.67 out of 43 Votes | Average: 3.67 out of 43 Votes | Average: 3.67 out of 4 (3 votos, promedio: 3.67 de 4)
Loading ... Loading ...

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

    AddOndeveloper.gif

    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!

    AddOnFirebug.gif

  • View Source Chart by Jennifer Madden Crea tablas a colores de código fuente renderizado de un sitio. Herramienta visual muy útil!

    AddOnSourceChart.gif

  • 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).

    AddOnGoogle.gif

¿Para cuál browser diseñar?

 10 Comentarios   HTML y CSS, Estándares, Diseño Web, Browsers   December 11th, 2006   Enviar por e-mail
 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 (No hay votos)
Loading ... Loading ...

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!

 4 Comentarios   Diseño Web, Herramientas   December 5th, 2006   Enviar por e-mail
2 Votes | Average: 3 out of 42 Votes | Average: 3 out of 42 Votes | Average: 3 out of 42 Votes | Average: 3 out of 4 (2 votos, promedio: 3 de 4)
Loading ... Loading ...

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!

 1 Comentario   HTML y CSS, Diseño Web   December 4th, 2006   Enviar por e-mail
 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 (No hay votos)
Loading ... Loading ...

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!

 0 Comentarios   Tips Avanzados, Flash   December 1st, 2006   Enviar por e-mail
 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 (No hay votos)
Loading ... Loading ...

tutorialesFlash_title.gif

Buen sitio con tutoriales de Adobe Flash.

http://www.tutoriales-flash.com/



Populares


Comentarios Recientes


Artículos Anteriores


Los Temas


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


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.


MMC Design | michaelmuller.net | Diseño y Desarrollo Web
Macromedia Certified Developer
MMC Design