Siempre repito lo mismo, y no me voy a cansar de comentar sobre los problemas que tenemos al ver nuestro diseño web en Internet Explorer, por lo general en su hermosa versión 6. Si les interesa ya he comentado sobre como corregir algunos errores.
Cuando estamos buscando un diseño líquido, es decir, que se adapte al tamaño de la ventana de nuestro navegador esto es un verdadero problema, pero por suerte tenemos la solución para esto.
Firefox es un navegador conocido por sus muchísimas extensiones (Add ons), entre otras cosas, que añaden nuevas funcionalidades. Una de las extensiones más espectaculares es Stylish.
Stylish es una extensión que te permite modificar la apariencia de las webs sustituyendo su código CSS por otro personalizado que tú incluyes. Por supuesto esta sustitución se produce en el lado del cliente, realmente la página no se modifica sino para nuestros ojos.
Hace algunos días les contaba sobre un “hack” de CSS para corregir errores de diseño en Internet Explorer, es decir arreglar algunos detalles que en este navegadores se ven diferentes que en los demás.
Era un propiedad en la lectura de CSS de Internet Explorer que no ocurría en los demás navegadores y aunque no es recomendable su utilización ya que no valida, puede resultar bastante útil.
Si alguna vez te has puesto a diseñar un sitio web con CSS seguramente habrás notado que principalmente en Internet Explorer 6 (lamentablemente uno de los navegadores más usados) nada se ve igual a los demás navegadores.
Por prolemas con los estándares es que esto ocurre, pero hay una manera de corregir los problemas que se nos presenta y así armonizar la visualización de nuestro diseño en todos los navegadores.
Una parte condición primordial que debe cumplir un sitio para ser considerado 2.0 es su diseño. Además de presentarse agradable para el visitante se han generado algunas tendencias que se han expandido rápidamente entre todos los sitios. A continuación nombramos las más importantes y como llevarlas a cabo modificando nuestro CSS.
Para lograr que un div tenga un grado de transparencia, es decir, que pueda verse un poco lo que está de fondo, debemos aplicarle la siguiente propiedad:
filter: alpha(opacity=50);
opacity: .5 ;
Así se muestra una transparencia del 50%.
En Smashing Magazine publican una entrada muy interesante, recopilando una colección de diseños excelentes.
La característica de estos diseños es que están completamente basados en CSS (en inglés Cascading Style Sheets). Estas hojas de estilo han sidos las protagonistas principales de los sitios web en el 2006. Si quieres más información puedes consultar la Wikipedia.
La colección, formada por 50 diseños excelentes, la puedes visitar aquí.
Si sos diseñador y realizaste un diseño que te gustó hasta vos (algo muy difícil ya que nunca nadie queda conforme con algo que hace) hay un sitio muy interesante que nos permite enviar el mismo a las ya famosas galerías de CSS.
Se trata de CSS Insert y funciona colocando nuestra dirección de correo electrónico. Recibiremos en la misma una clave que introduciremos lo que nos dá lugar a completar datos como nuestro nombre, el del sitio que realizamos y la URL del mismo.
El procedimiento es bastante simple y no toma más de 2 minutos. Los sitios a los que será enviado el diseño son en total 26 (CSS Manía, Web Creme, etc.) y obviamente deberán ser aceptados por los mismos para que aparezcan en portada.
Enlace: CSS Insert
Vía: Leandono
Un add-on para Firefox que no le puede faltar a ningun diseñador, webmaster, o cualquier persona que le interese el diseño y la composición de los sitios web es Web developer toolbar.
Luego de bajar los escasos 145kb que requiere la instalación y de reiniciar el navegador van a poder utilizar esta barra que nos provee de varias opciones. Nos sierve tanto para testear nuestros sitios como para conocer la composición de sitios ajenos.
Entre las principales opciones se encuentra la de deshabilitar ciertas características como por ejemplo el cache, java, los colores en la página, etc. También podemos manipular las cookies, ver y editar el CSS directamente, controlar los formularios, modificar las imágenes, ver el código fuente, etc.
En el sitio de su creador podemos encontrar más información sobre el add-on. De paso me gustaría contarles sobre una opción de la que me enteré gracias a menéame hace un par de días y que nos sirve para editar cualquier página web, o por lo menos modificarla en nuestro navegador.
Continuando con las recomendaciones de Webs, hoy les traigo una para todos aquellos que andan buscando utilidades o gráficos para hacer un diseño o para adaptar alguno que ya esta en esta pagina.
Se trata de Template Box, una pagina que presenta algunos diseños con archivos psd, html, css y flash, listos para adaptarse a sus necesidades, o si así se requiere se pueden tomar las series de utilidades como, botones, banners, logos, etc. para hacer un diseño mejorado, o para adaptarlo a nuestro sitio, por lo regular a veces algo de este material no cae mal, cada diseño incluye las fuentes para poder modificar los archivos psd.
Puedes ver la pagina en el siguiente enlace:
Leyendo aNieto2k me entero que en Smashing Magazine publicaron los 50 diseños más lindos del 2006 en materia de páginas web. Los mismos comparten la condición de estar hechos en CSS (Cascading Style Sheets, Hoja de Estilo en Cascada) y hay de todos los gustos y colores.
Cada uno de los sitios cuenta con su respectivos snapshots y direcciones para que los visites. Tal vez faltan algunos muy interesantes y no es un ranking sino simplemente una lista.
Resumen semanal
Suscríbete a nuestro RSS Feed
