Verifica tu sitio en todos los navegadores

santosg    Desarrollo Web, Diseño, Diseño Grafico, Free, Herramientas OnLine, Herramientas Web, Internet, Usabilidad     CSS, Diseño, Internet Explorer, Recursos Gratuitos, web desing, Windows

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%

IE5-IE6 estandar con IE7.js

santosg    Herramientas Web, Lenguajes de Programación     CSS, IE, Internet Explorer, JavaScript, png

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“

CSS Compressor

santosg    Desarrollo Web, Herramientas OnLine, Herramientas Web, Lenguajes de Programación     compresor, CSS, Recursos Gratuitos, web desing

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

CSS Compressor

Dibujar en CSS

santosg    Creatividad, Desarrollo Web, Diseño, Lenguajes de Programación, Solo por diversión     Creatividad, CSS, dibujo, Diseño

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.

Precarga de imágenes sin JavaScript

santosg    Herramientas Web, Lenguajes de Programación     CSS, JavaScript, precarga, trucos

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.

Operación limpieza (la compatibilidad entre navegadores )

santosg    Desarrollo Web, Diseño, Lenguajes de Programación     compatibilidad, CSS, estándares, Internet Explorer, navegadores, resetear css, web desing

Para poder mantener la compatibilidad entre navegadores hay que limpiar los estilos, por aquello de que que en cada navegador se ve distinto y ellos ya traen sus estilos predefinidos. Yo siempre usé mi código pre-elaborado para todo css, paseando por ahí encontré este conjunto de hojas de reseteo, con los cuales la mía quedó salieron con la cabeza gacha y el rabo entre las patas. XD Leer…

Handy Designer’s Tools “On The Fly”

santosg    Diseño, Herramientas OnLine, Herramientas Web, Lenguajes de Programación     CSS, online, web desing

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.

53 herramientas CSS que no deberías dejar de usar

santosg    Desarrollo Web, Herramientas Web, Lenguajes de Programación     CSS

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

Generador de Hojas de Estilo

santosg    Diseño, Diseño Grafico, Herramientas OnLine, Herramientas Web, Lenguajes de Programación     CSS, design, online, web

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