Puede que para algunos el tema de los PNG en Internet Explorer 6 sea ya algo cansino, seguramente si los ciclos de actualización de los usuarios del navegador de Microsoft fueran tan activos como los de otros navegadores este tema tendría que haber quedado zanjado hace mucho pero, los hechos ratifican que sigue habiendo mucha gente navegando con Internet Explorer 6.
En este blog ya hemos comentado algunos métodos para conseguir que funcionen correctamente los PNG con transparencia pero ninguno es del todo fiable, con algunos no funcionan bien cosas tan simples como posicionar un fondo o repetirlo…
Drew Driller se dió cuenta de que el VML soportaba los PNG transparentes y se puso manos a la obra para identificar la funcionalidad y aislarla en un script.
Con DD_belatedPNG podremos:
Para más información, instrucciones y ejemplos dirigios a la web del script: http://www.dillerdesign.com/experiment/DD_belatedPNG/
Vía Snook.ca
Sitepoint, conocidos por publicar algunos de los mejores libros sobre desarrollo web nos quiere hacer un regalo de lo más interesante.
Sólo tienes que acceder a Twitter y comenzar a seguir a @sitepointdotcom en un periquete recibirás un mensaje directo con un enlace para que puedas descargarte la versión en PDF de The Art & Science of CSS.
El libro es, según mi opinión, una de las lecturas casi obligatorias para cualquiera que trabaje con hojas de estilo en cascada.
Eso si, si lo queréis daos prisa porque quedan sólo 6 días de promoción.
Más información en http://twitaway.aws.sitepoint.com/
De un tiempo a esta parte me he encontrado varias veces con sitios maquetados de forma poco accesible y mucho menos semántica y desarrolladores que se ofenden al apuntarles lo incorrecto de ciertas prácticas ya que “el validador del w3c no arroja ningún fallo”.
Es una suerte que, por lo menos, se haya extendido la buena costumbre de validar nuestro marcado pero parece que con la excusa de que un código es válido nos olvidamos de que ningún software puede poner en contexto un sitio web, ni comprobar si hemos empleado la etiqueta más adecuada para la tarea que pretendemos desempeñar.
Por poner un ejemplo, una página maquetada con tablas, con el estilo totalmente definido mediante etiquetas obsoletas puede validar perfectamente empleando el doctype adecuado. Si, porque creo que todos hemos aprendido a engañar al validador con un doctype transicional cuando no nos apetece comernos la cabeza ¿verdad?.
Que una herramienta de validación no arroje fallos no implica necesariamente que hayamos hecho un buen trabajo, sólo quiere decir que no hemos cometido ningún error grave. Maquetar un sitio web es comparable a escribir un texto, podríamos escribir un texto carente de todo sentido pero que no provocase ningún error visible para el corrector de nuestro programa de edición de textos.
Por eso, porque las máquinas tienen sus limitaciones, debemos siempre complementar la verificación automática con la manual. Y no sólo con el W3C, si empleamos TAW o Hera o cualquier otro software para verificar la accesibilidad de una página web nos encontraremos con multitud de puntos que deben comprobarse manualmente.
No hay nada que pueda sustituir a un buen planteamiento a la hora de maquetar ni a un buen uso y entendimiento de las etiquetas HTML.
Más de una vez he entrado en un sitio y me ha encantado alguno de los efectos javascript que tenía, hasta ahora solía irme a ver el código fuente para averiguar con qué librería javascript, si se usaba una, se habían conseguido.
Parece que no soy la única con curiosidad, pero puede que no la más vaga, ya que Oskar Krawczyk ha creado un cómodo bookmarklet con el que averiguarlo en un sólo click.
WTFramework Bookmarklet: http://blog.olicio.us/2008/11/08/wtframework-bookmarklet/
Vía Feed My App
Ya hemos hablado en este blog de bastantes sistemas de estadísticas para llevar la cuenta de los visitantes de nuestros sitios web.
PHP Web Stats es un sistema sencillo de implementar ya que no necesita bases de datos, en su lugar crea sus propios archivos de log a los que luego podremos acceder mediante su interfaz web.
Como suele ser común a este tipo de estadísticas, para que funcionen tendremos que insertar un código en nuestros sitios web, la diferencia está en que si el usuario tiene deshabilitado el javascript el sistema llamará al archivo PHP directamente con lo que también podremos llevar la cuenta de esas visitas.
A pesar de su sencillez tiene todas las características básicas de estos sistemas: exclusión de las visitas del administrador mediante cookies o ip, distintos módulos de estadísticas.
PHP Web Stats: http://www.php-web-statistik.de/index-english.html
Supongo que a estas alturas no hará falta que comience este post con una parrafada sobre lo malo que es el javascript cuando va entrelazado al código HTML de un sitio y la importancia de separar las diversas capas de una web.
Si estás dando el paso a un javascript más limpio y no obstructivo te vendrá bien el Obstructive Javascript Checker.
Distribuido como script para Greasemonkey, comando para Ubiquity o extensión para Firefox, se encargará de resaltar el javascript en línea y los enlaces javascript:. Sin duda bastante más cómodo que habilitar y deshabilitar el javascript o navegar entre el código fuente.
Obstructive Javascript Checker: http://www.robertnyman.com/obtrusive-javascript-checker/
Vía 456 Berea St
Puede que los menús desplegables no sean el modo más adecuado de presentar varios elementos de un menú pero es cierto que cuando tenemos múltiples opciones y poco espacio son un recurso muy socorrido.
Si te has pasado tiempo peleando para conseguir menús desplegables sólo con CSS, que funcionasen en todos los navegadores y todo eso quizá para la próxima quieras probar con este framework css.
Viene cargado por defecto con unos cuantos estilos para tus menús pero crear un estilo nuevo es bastante sencillo y funcionará bien en todos los navegadores. Eso si, para IE6 necesitarás cargar también un fichero javascript también incluído.
CSS Drop-Down Menu Framework: http://lwis.net/free-css-drop-down-menu/
Si alguna vez tienes la necesidad de crear una tabla con horarios (como la programación de televisión, horarios de clases, de trenes…) echale un vistazo a este script.
Con él conseguirás horarios de aspecto agradable y que pueden navegarse cómodamente gracias a javascript.
El código generado es perfectamente válido y agregar nuevos eventos es un suspiro, además a cada evento puedes constar de texto o código HTML e incluso podrás agregar funciones a ese HTML.
Today’s Timetable: http://www.cod3.net/timetable/
Los acordeones son uno de esos recursos ya ubicuos en el desarrollo de interfaces web, al igual que los sistemas de pestañas, nos permiten introducir más información en menos espacio sin agobiar a nuestros visitantes.
La mayoría de sitios emplean acordeones asociados a librerías de Javascript como jQuery o Mootools y eso está muy bien cuando nuestro sitio va a emplear algunas de las funciones de estas librerías pero, si sólo queremos introducir un pequeño efecto puntual es como matar moscas a cañonazos.
Por eso me ha encantado este diminuto script de tan sólo 1.3KB que te permitirá disfrutar de unos preciosos acordeones animados sin necesidad de cargar tus webs de ficheros pesados.
Soporta múltiples instancias, usa listas de definición para el marcado y un sistema muy simple de hojas de estilo para la personalización.
Para inicializarlo sólo debemos introducir el siguiente código
var mySlider=new accordion.slider("mySlider");
mySlider.init("slider",0,"open");
Y el script se encargará de tratar con las listas de definición y agregar los eventos necesarios a los encabezados.
Funciona perfectamente en Firefox, Safari, Opera, Internet Explorer y Chrome.
A pesar de que a los feeds RSS les está costando convertirse en una tendencia de máxima adopción, los que si los usamos ya no podríamos vivir sin ellos. Casi todos los blogs y servicios web ofrecen suscripción a sus canales por este medio y no es extraño que queramos dar a nuestros lectores la posibilidad de suscribirse, no sólo a nuestro feed, si no por ejemplo a nuestro feed de Twitter o delicious ¿verdad?
Desde Komodo Media nos llega una forma sencilla y vistosa de ofrecer múltiples opciones de suscripción en un bonito widget gracias a jQuery.
Es compatible con todos los navegadores modernos, lo que deja excluído a Explorer 6.
jQuery Feed Menu: http://www.komodomedia.com/blog/2008/10/jquery-feed-menus/
Vía Webappers
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
El principal motivo por el que no recomiendo utilizar Smarty es porque el propio PHP tiene una sintaxis embebida, lo que permite utilizarlo sin más para escribir plantillas web.
Guerra Creativa es una comunidad para Creativos. Nosotros te proporcionamos el campo de batalla y el armamento para conquistar el mundo creativo. A través de concursos de diseño web y de logos, l…
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Ver más noticias de los usuarios