save ass

El tema de crear CSS hoy en día se ha vuelto un dolor de cabezas para muchos desarrolladores web, en un principio era sencillo, diseños básicos, casi todo el mundo usaba IE y sólo cuatro se atrevían con navegadores alternativos. Hoy en día las cosas ha cambiando, los diseños son cada día más atractivos y por ende necesitan un desarrollo mas acabado, donde debemos rompernos la cabeza para que nuestros CSS funcionen en todos los navegadores, como también a crecido nuestro conocimiento en estándares (W3C) (maldito IE).

A continuación les dejo dos datos que considero no son comunes y que nos pueden ayudar a terminar un desarrollo mucho más rápido y de calidad.

HACK’s

1.- Creamos un CSS adaptado a Internet Explorer, luego repetimos la regla (lo que sea común no es necesario, únicamente que cambie -tradicionalmente padding, margin, width o height-) anteponiéndole “html>body”.
Afortunadamente a este último IE no lo interpretará mientras que el resto de navegadores sí.
Ejemplo práctico, para entenderlo mejor:

Hacer que Internet Explorer siga estandares

2.- El desarrollador Dean Edwards pone a disposición de todos, bajo licencia GNU LGPL, la librería JavaScript IE7, para hacer que Internet Explorer (Navegadores Microsoft IE) se comporten como un navegador que sigue los estándares. Además hace que los PNG transparentes funcionen correctamente en las versiones 5 y 6 del navegador y soluciona diversos problemas relacionados a la interpretación del CSS. (Fuente:maestrosdelweb)

Para utilizar esta librería debemos descargarla de Google Code. Ejemplo de como implementar:

Luego del terremoto sufrido en Chile y las vacaciones volvemos a retomar el ritmo con nuevos aportes.

Fuerza Chile!!

CSS3 viene con nuevas características y funciones que nos facilitaran de la vida de una manera notable. Aquí mostrare como crear un recuadro de texto con propiedades de CSS3. Esta propiedad solo funciona en Opera, Firefox, Chrome y Safari (para variar Explorer marcando diferencia). (continuar leyendo…)

Nuevas características y funciones estan pensadas para CSS3, a continuación veremos algunas de estas ya que las encontre bastante utiles. (continuar leyendo…)

Te presentamos las herramientas de la W3C que te permitirán validar tus sitios web.

Validador CSS.

Validador HTML, XHTML, SMIL, MathML, etc.

Validador de integridad de Link’s.

Validador de servicios Atom o RSS feeds.

Validador de páginas para móviles.

Un panel fijo o una barra de herramientas en la parte inferior de tu página web, ayudara a mejorar la interacción con tus usuarios, es algo interesante de integrar. Hay servicios, como Wibiya, que permiten añadir una barra de herramientas en unos pocos pasos a tu website, pero ¿por qué no crear un panel personalizado usando realmente CSS y jQuery?.

A continuación te dejamos un Tutorial, el sources y una demo, donde aprender a construir una barra de herramientas bonita para tu website usando algunas propiedades CSS3 y técnicas básicas de jQuery.

El autor es Piervincenzo Madeo, su website es http://www.pvmgarage.com/

<canvas> es un nuevo elemento que será parte de HTML5 y puede ser utilizado para dibujar gráficos a través de un lenguaje script (normalmente con JavaScript). Este elemento fue creado originalmente por Apple para OS X Dashboard y Safari, luego se incorporó en navegadores como Firefox 1.5, Chrome y Opera 9. (continuar leyendo…)