Continuando con HTML5

Aquí os dejo la URL de un tutorial sacado de la web de smashing magazine de un desarrollo HTML5 y CSS3. Describe paso a paso el desarrollo de una página en este nuevo lenguaje. Un buen ejemplo del uso de las nuevas etiquetas que incorpora este lenguaje, así como nuevas propiedades de CSS3. Al final del tutorial hay una relación de artículos muy interesantes relativos a HTML5 para seguir profundizando en el tema :)

Comenzando con HTML5

Cada vez está más de moda el tema de HTML5, sobre todo desde la presentación de Google wave a mediados del mes de Mayo.

Para todos aquellos que no lo sepais, HTML5 es la nueva versión del lenguaje HTML (aunque todavía no está del todo finalizada).

Incorpora nuevos elementos con un valor más semántico para favorecer la estructuración de las páginas como facilitar la tarea de los buscadores para encontrar la información solicitada.

Seguir leyendo…

Tabla de compatibilidades de navegadores

Aquí os dejo una página muy útil para los desarrolladores que he encontrado en Fyrdility
de Alexia Deveria
en la que podemos saber a partir de que versiones de los navegadores se pueden usar propiedades de CSS3, HTML5, SVG y otra nuevas tecnologías que van apareciendo.

Safari también tiene secretos

Y es que hay cositas que no sé por qué se tienen escondidas a nosotros, los usuarios “pezuñiles”. Sí hombre, esos que no sabemos realmente qué estamos haciendo cuando pulsamos el botón rojo pero que no podemos dejar de sentirnos atraídos por tan notorio color. A mí me pasa lo mismo con lo que hay detrás de una web, que no tengo realmente idea de HTML y CSS pero me gusta toquetear.

Aunque realmente lo he descubierto gracias al compañero Canteli por otros temas, el caso es que ni Harry Potter se sabe este truco de magia. Apunta:

  • 0- Cierra Safari si lo tienes abierto
  • 1- Abre Terminal
  • 2- Escribe defaults write com.apple.Safari IncludeDebugMenu 1
  • 3- Vuelve a abrir Safari y te encontrarás con un nuevo menú.

Bonito, ¿verdad? Toda una especie de Web Developer pero en el navegador más conocido de la manzanita mordida. Realmente es el menu Debug del navegador pero supervitaminado para que tengas acceso a un montón de información útil: tiempos de carga, código HTML y CSS, consola de errores…

Como pega pues ponerle que el código no se puede editar on the fly como sí te lo permite Firebug por ejemplo. Aún así, un menú realmente útil que ya no volverá a ser invisible para mí.

PD: En realidad el menú de desarrollo también lo puedes activar desde Preferencias >> Avanzado. Pero no es la opción “geek” xD.

Disfrute de la espera

Siempre he sido un auténtico admirador de los preloaders que están tan currados que logran resolver la complicada tarea de mantener la atención del usuario que espera por los contenidos que demanda. Lo ideal está claro que es no tener que esperar, pero viendo esto… quizás si no tuvieramos este problema, no hubiéramos podido disfrutar de algunas obras de arte como las que han recogido en PrettyLoaded.

Mira y disfruta de la carga… cuidado, es adictivo, y además lo puedes filtrar por fechas para ver las maravillas a lo largo de la evolución de la herramienta, en este caso flash.

Navegadores móviles, comparativa soporte DOM

Pues a raíz de un post de nuestros amigos de nbsp, os dejamos aquí un enlace que viene muy pero que muy bien a la hora de plantearnos qué podemos y debemos usar si vamos a desarrollar un sitio web para móviles como Dios manda, es decir, no automatizando procesos para generar una versión móvil de dudosa efectividad y calidad, sino hacer una adaptación completa del contenido y formas, para que la experiencia del usuario sea realmente interesante.

Seguir leyendo…

Redirección 301

En ocasiones, en el desarrollo de un proyecto web se necesita hacer una redirección a otra página ubicada en el servidor. Para ello es conveniente hacer una redirección 301. Esta redirección se puede hacer con PHP de la siguiente manera:

Se introduce el siguiente código PHP en la página que se desea redirigir:

Header( "HTTP/1.1 301 Moved Permanently" );
Header( "Location: http://www.mipagina.com" );

Espero que os sirva en alguna ocasión…

Firefox 3 ya está disponible!

Pues ya podemos descargarnos Firefox 3, no para batir ningún record de descargas, sino para ver qué nos espera de esta nueva versión de tan fantástico navegador. En la web se promocionan con más de 15.000 mejoras (lo cual puede ser bueno o malo según como se mire… XD) pero yo me quedo con estas que he podido leer:

  • Mejoras de seguridad: anti-pishing, anti-malware, gestor de contraseñas…
  • Optimización de velocidad de carga y de uso de memoria (por comprobar a fondo)
  • Barra de direcciones inteligente
  • Mejoras en el gestor de descargas, con posibilidad de pausarlas (aunque había extensiones que ya estaban disponibles con funcionalidades similares)
  • Mejoras en las funcionalidades de marcadores y carpetas inteligentes (esto tengo que probarlo, porque mis marcadores son una selva… XD)

De mano me lo instalo en el portatil, si veo que la cosa va bien, haré lo propio en la oficina! Todos los comentarios sobre cosas destacables o fallas del navegador como ésta que nos indicó Zárate en sus comentarios, son bienvenidas :)

Nuestra ración de infierno: Flash 9 standalone y getURL

Como ya hemos dicho en ocasiones, el nombre del blog tiene un por qué y no es otro que el de esas bonitas jugarretas que te encuentras cuando trabajas con nuestros queridos amigos los ordenadores. Concretamente en este caso, con flash.

Hoy por la mañana, he tenido el privilegio de experimentar una experiencia enriquecedora, que me ha hecho ver bonitas luces de colores, y quiero compartirla con vosotros.

Seguir leyendo…

Firefox Download Day

Firefox 3: Download Day

Interesante iniciativa la que se ha creado desde el entorno de desarrollo de firefox para extender este magnífico navegador. Con la excusa de batir el record guiness de descargas de un software en 24 horas, te piden que te suscribas para recibir el aviso de cuando podrás descargarte la nueva versión del popular navegador.

Spread Firefox | Download Day

Lo mejor de todo sin duda será que más gente conozca que existe un mundo más allá de Internet Explorer y que además es un mundo normalmente más bonito que lo que suele haber tras microsoft. Lamentablemente los desarrolladores tendremos que seguir velando por la compatibilidad, porque nuestros clientes así lo merecen, pero eso no quita que en un futuro las decisiones se decanten por el lado más coherente :)