Dragón de Luz.com

Una de las tareas más complicadas y que toman mucho tiempo, es la de verificar si los sitios web que se diseñan funcionan correctamente en todos los principales sistemas operativos y navegadores.

Una de las soluciones mas comunes es instalar diferentes SO con maquinas virtuales o disponer de muchos ordenadores con diferentes instalaciones y configuraciones.

Pero estas soluciones son bastante ridiculas y suponen una inversion bastante alta.

Hay numerosos servicios online que ofrecen probar nuestros diseños en todos los navegadores y con todas las configuraciones posibles como la resolución de pantalla, la configuración de colores, plugins como el mediaplayer o desactivar javascript, etc.

Uno de ellos es: browsershots.org

Recomendado al 5000%

Términos de búsqueda usados:

• una persona en la computadora
• amiga computadora
• persona con computadora
• una persona en su computadora
• una persona con un computadora
• persona en la computadora
• CONOCIMIENTOS COMPUTADORA
• ADVERTENCIAS DE NO A LA VENTA ILEGAL DE ANIMALES
• texto rodear un png con con css y javascript
• una persona con una computadora

IE7.js es una librería Javascript que permite hacer que Internet Explorer 5 y 6 se comporte como un navegador compatible con los estándares, es decir que corrige problemas de selectores de CSS e incluso los PNGs transparentes.

Ver mas detalles en el artículo original.

Tambien te peude interesar “Como Detectar IE6“

Términos de búsqueda usados:

• dragones en png
• estandar ie7
• ie5-ie6 estandar con ie7 js
• IE7 js
• ie7 no estandar
• ie7 no estandar es ie6?

Pues lo que dice el Título una pagina que nos ayuda a comprimir esos CSS que pesan media tonelada.

CSS Compressor

Términos de búsqueda usados:

• compressor

Esto que podran ver en el enlace, es un dibujo de alguien que tuvo un momento de lucidez y de vagancia, en algun momento de su vida, un dibujo usanso solo CSS, no tablas y cenldas, CSS  Puro y Duro.

Términos de búsqueda usados:

• como dibujar con css
• como se dibuja uz dragon
• dibujar con css

Paso 1; inserta esto en tu hoja de estilos

div#preloaded-images {
  position: absolute;overflow: hidden;
  left: -9999px;top: -9999px;height: 1px; width: 1px;
}

Paso2; coloca esto al final del código HTML (preferiblemente antes de </body>)

<div id="preloaded-images">
<img src="Images/img01.png" width="1" height="1" />
<img src="Images/img02.png" width="1" height="1" />
<img src="Images/img03.png" width="1" height="1" />
</div>

Es una forma muy sencilla de cargar las imágenes por medio de css.

Términos de búsqueda usados:

• luz imagen con javascript
• blogger precarga de imagenes css
• precarga de imagenes con css
• precarga de imagenes sin javascript

Otro montón de herramientas para desarrolladores. Hay cosas muy interesantes.

Calculadoras de Unidades, Herramientas para CSS, Png y otros.

Handy Designer’s Tools “On The Fly”

Lo mas interesante que vi acá es una herramienta para hacer TextWrap (rodear texto) con css.

CSS Text Wrap – Como si fuera Indesing, uno pone las masrcas la herramienta nos da el css.

Recopilación de herramientas CSS, exactamente 53, que te harán la vida mas fácil.

Ni me acordaba de como se ajustaba la separacion entre caracteres con css. Los editores de css, que uno usa todavia los hicieron pensando en el “programador”. A aquellos que les gustan las cosas mas en vivo, de seguro les va gustar.

CSSTypeSet

Términos de búsqueda usados:

• generador de hojas de estilo
• luz en imagenes usando css