Creo que no soy el único que esta hasta la madr**e de que después de pasarse todo un rato diseñando tu CSS lo pruebes en IExplorer (sobre todo) y resulte que parece “Arte Abstracto” Una posible solución (la verdadera solución son los Standars Reales) es usan un CSS para cada tipo de navegador, de esta manera a pesar de tener que trabajar doble (creando un CSS para Mozilla.. y otro para IExplorer y otro para…) sabrás que tu pagina siempre lucirá genial (o al menos como tu quieres que luzca).

En Ajaxian nos muestran un forma usando para ello selectores CSS para IE, el formato de tales selectores es mas o menos este:

<!--[if IE 7]>
  <div id="body1" class="IE IE7 IE67">
<![endif]–>

<!–[if IE 6]>
  <div id="body1" class="IE IE6 IE56 IE67">
<![endif]–>

<!–[if IE 5]>
  <div id="body1" class="IE IE5 IE56">
<![endif]–>

<!–[if !IE]>–> /* Para todos los demas casos */
  <div id="body1" class="W3C">
<!–<![endif]–>

Como ven la idea es clara, si quieres una referencia mas completa sobre el uso de estos selectores te recomiendo visitar la pagina de Ajaxian, el enlace esta al final del post.

Link: Ajaxian | Maintaining Browser Specific CSS

• PHP - Detectar el navegador del usuario ademas de su version
• Google Chrome: ¿El final de Firefox?
• Google Chrome: Lista Beta para descarga.
• OpenOffice cada vez mas lento
• 15 herramientas para desarrollo web que deberias conocer

Lo han vuelto a hacer en Smashing Magazine, este analisis es de lo mas revelador, por ejemplo quien podria suponer que 58% de los blogs usa un diseño de 3 o hasta mas columnas o que el 92% de los blogs usa un diseño de tamaño estatico, ademas de que el 56% usa un tamaño de 951px - 1000px.

Estos y mas datos podras encontrar en este interesantisimo analisis. Vale la pena revisarlo, para saber como va la tendencia en el diseño de los blogs.

Link: Smashing Magazine | A Small Design Study Of Big Blogs

• Diseño Grafico, Examen Profesional, Tesis, Proyecto y esas yerbas
• Miles de blogs infectan a sus visitantes… Podria ser el tuyo.
• Son las 5:30 am y no nos vamos a dormir… otra vez
• Implementando Notas Rapidas
• Solo Asia: El Blog de Lizbeth

Este es un “Selector de Color” que nos permite tal como dice su nombre “seleccionar un color” XDDDDD. Este plugin nos permite agregar un picker en nuestras aplicaciones web en forma de ventana popup, ademas de que es facil de personalizar.

Obviamente necesitamos el framework para JavaScript jQuery, ademas de que es de licencia libre.

Link: Color Picker - jQuery plugin
Link: WebAppers | jQuery ColorPicker with Easy Customization

• jqGrid: Tablas impresionantes con jQuery
• JS-Hotkey: Controla el teclado
• jQuery para diseñadores
• Creando una encuesta dinamica con jQuery y PHP
• Wordpress Plugin: Post Relacionados

¿Como? Facil, usando la libreria jsImageFX (JavaScript Image Effects) la cual te permite crear efectos para tus imagenes como por ejemplo:

• Rotar
• Blur
• Emboss
• Desature
• Invert
• Noise
• Sepia
• Etc..

Agregarlos es de lo mas sencillo, primero agregas la libreria en cuestion, posteriormente tienes dos maneras de utilizar las funciones que proporciona:

<script type="text/javascript">
jsImageFX.doImage(document.getElementById("myimage"), "invert");
</script>

o

<img src="image.jpg" imagefx="invert" />

Como pueden apreciar el efecto se ve genial solo un detalle, algunos efectos no funcionan con IExplorer (que raro ¬¬*) con los demas navegadores despreocupate.

Link: Nihilogic | Javascript Image Effects
Link: Web Resources Depot | JavaScript Image Effects

• Carousel.us: Un Carrusel 3D con JavaScript
• JS-Coverflow: Menu estilo iTunes
• Creando una encuesta dinamica con jQuery y PHP
• Flotr: Libreria JavaScript para crear graficas
• Tipmage: Tooltips sobre tus imagenes

jQuery es una de las mejores librerias (framework) para manejar JavaScript y si eres diseñador web permiteme recomendarte un interesante articulo compuesto por una serie de tutoriales que demuestra sus bondades y que te permiten mejorar en gran medida la imagen grafica de tus sitios, desgraciadamente el articulo esta en ingles, pero no es dificil de entender.

Link: Web Designer Wall | jQuery Tutorials for Designers

• ColorPicker un plugin para jQuery
• Creando una encuesta dinamica con jQuery y PHP
• Ingrid: Otro Datagrid jQuery
• Menu deslizante con jQuery
• Menu estilo iPod con jQuery

Si estas en busca de ese toque “magico” que diferencie a tu blog (pagina) y simplemente la “photoshopeada” no se te da, existe una forma muy sencilla de hacerlo usando CSS.

Via Web Resources Depot, me entero de un sencillo truco publicado en Web Designer Wall, que haciendo uso de la etiqueta te permite darle un toque especial a tus fotos e imagenes.

Las ventajas de usar CSS para decorar tus imagenes son varias:

• Reduces tiempo: Ya que no tienes que crear tus diseño en el photoshop.
• Imagenes originales: No modificas la imagen original.
• Flexibilidad: Puedes cambiar el look de tus imagenes solo con modificar el CSS
• Funciona en cualquier sitio: El CSS funciona en cualquier sitio y con todas las imagenes
• Compatibilidad: Funciona en la mayoria de los navegadores (IExplorer, Firefox, Opera, safari)

Por tanto es una muy buena opcion para darle un toque de buen gusto a tus imagenes.

Link: Web Designer Wall | CSS Decorative Gallery
Link: Web Resources Depot | Decorate Your Images With CSS

• Tipmage: Tooltips sobre tus imagenes
• Actualizacion de imagenes satelitales en Google maps
• Script para redimensionar imagenes con PHP y GD
• JS-Coverflow: Menu estilo iTunes
• Carousel.us: Un Carrusel 3D con JavaScript