Lo último escrito sobre Web
Pack HTML5 para Dreamweaver CS5
Un beta que promete
[6555 lecturas, 2 comentarios ]
Artículo publicado originalmente en 4Media Magazine. Esta es una versión ligeramente resumida.
Una interesante novedad de Dreamweaver CS5 —posterior a su lanzamiento— es la disponibilidad del beta del Dreamweaver CS5 HTML5 Pack en Adobe Labs.
Si bien este pack no es más que un beta, entrega a Dreamweaver CS5 quizá la más importante de las novedades con respecto a Dreamweaver CS4. Nos permite integrar HTML5 y CSS3 en nuestro trabajo.
La funcionalidad extra que nos provee el HTML5 Pack es la siguiente:
Panel Multiscreen Preview
Este nuevo panel permite 3 vistas simultáneas (teléfono, tableta y computador) con soporte para media queries de CSS3.
Notemos en la imagen de arriba que en la visualización de teléfono los elementos de menú son verticales, mientras que en las otras son horizontales, y notemos también que los enlaces son anaranjados. Esto es un ejemplo de media query:
Podemos configurar las dimensiones de las ventanas mediante el botón Viewport Sizes.
En resumen, Multiscreen Preview nos ayuda a contextualizar nuestra entrega de contenido desde dentro de Dreamweaver CS5, permitiéndonos previsualizar el comportamiento en distintos soportes.
Sugerencias de código para HTML5 con nuevos elementos, atributos y propiedades
Para quienes escribimos código a mano, ahora disponemos de completación de código propio de HTML5. Por ejemplo, en la imagen de abajo, se nos ofrece el elemento footer, de HTML5 al escribir.
También hay soporte para atributos y valores propios de HTML5 como por ejemplo el atributo reversed del elemento ol para obtener una lista numerada regresiva.
Esta función nos permite integrar HTML5 cómodamente en nuestros desarrollos.
Sugerencias de código para algunas especificaciones de CSS3
Tenemos soporte para algunas especificaciones de CSS3, como por ejemplo transformaciones.
Podemos escribir transformaciones directamente en nuestro código CSS. por ejemplo, para rotar los enlaces con el mouse encima, escribimos:
Obtenemos una serie de propiedades de CSS3.
El resultado se hace ver.
Adicionalmente a las transformaciones, tenemos soporte para las siguientes especificaciones:
- Transiciones
- Animaciones
- Interfaz de usuario gráfica
- Líneas
- Marquee
- Media Queries
- Múltiples columnas
- Ruby
- Texto
Live View soporta
Podemos previsualizar audio y video en Live View utilizando Quicktime.
Mejoras de render de CSS3 en Live View y de elementos nuevos en vista de Diseño
Live View de Dreamweaver CS5 (o sea navegador WebKit) presenta mejoras en dender de CSS3 al instalar el HTML5 Pack.
Adicionelmente, hay mejoras en el despliegue de elementos nuevos en vista de diseño.
Plantillas HTML5 para comenzar a trabajar
Se incluyen dos plantillas HTML5 para que comencemos a trabajar. El código está muy comentado, por lo que además sirven como elementos de estudio.
Resumen
En resumen, disponemos de un excelente beta, con todo el proceso de expansión y pulido que requieren los beta, pero lo importante es que hoy ya tenemos soporte para HTML5 y CSS3 en Dreamweaver CS5.
Sólo falta que los navegadores se pongan de acuerdo.
Podemos esperar sentados :)
Servicio técnico autorizado Apple
Mac Onwhat?
[3609 lecturas, 2 comentarios ]
El iMac de la Jime se fue al servicio técnico.
La historia es para reír o llorar a gritos.
Para muestra, la primorosa dactilografía que describe la falla.
Por si contribuye, mi computador tampoco reconce firewale.
¿Tienes 5 segundos?
Cómo escribir para la Web, por Juan Carlos Camus
[1772 lecturas, 0 comentarios ]
Manifiesto ARS: paso
Me lo topé recién hoy
[3889 lecturas, 5 comentarios ]
Me encontré hoy con el manifiesto ARS en pro de la pureza de los blogs.
Es la eterna vuelta de péndulo contra el abuso del exceso de la sobredosis del too much recargado.
El texto está aquí.
En lo personal, no me parece que corresponda normar el cómo cada quién arma su pequeña ventana de ventilación del yo, sino que hay que dejar simplemente que Darwin trabaje.
Además, me gatilla todos los anticuerpos que te propongan una solución vestida de imperativos, y que para colmo tenga un título tan motivante como voto de pureza. Suena al retorno del siglo de oro español. Yum.
Me quedo con Darwin. Ya sabré yo qué leo y qué no leo, y si hay algún blog que no me guste, simplemente no lo leo, y ya.
Pureza querían.
Tags para el blog
Veamos como anda esta cosa
[2347 lecturas, 1 comentarios ]
Definitivamente las taxonomías rígidas definidas por categoría son... bueno, eso: rígidas.
Alex andaba escariando el tubérculo feculento hace varios meses con una tagsonomía. Por aquí los tubérculos feculentos los hacemos tortilla, no los escariamos (hmmm... samosas).
Veamos si una serie de palabras separadas por comas que luego se explodean, meten a un array y elemento por elemento se van metiendo a ua tabla si no existen y actualizando conteos, si lo hacen, es suficiente.
Pronto más dramas causados por la falta de punto y coma al final de cada línea de php.
Identifica los selectores CSS que no estás usando
Dust me selectors identifica los selectores CSS no usados.
[2719 lecturas, 3 comentarios ]
El desorden al trabajar con CSS nos puede generar documentos CSS pesados. No es inusual que conservemos selectores que ya no utilizamos.
Fue con felicidad sin igual que descubrí Dust me selectors, una extensión para Firefox que identifica los selectores CSS no utilizados en una página.
Además de identificar los selectores no usados, nos permite guardar la lista como CSV.
Por supuesto, no es cosa de llegar y eliminar todo lo no usado, pero es una excelente forma de ver qué puede estar sobrando.
Actualizo la documentación de mis cursos de CSS altiro.
Educasting.info
Aprendiendo con el iPod
[5321 lecturas, 2 comentarios ]
Amir, Carlos y Katia (en orden alfabético) realizaron su tesis de comunicadores multimediales de la UDP en podcasts educativos.
parte de los productos de esta guía es un sitio que contiene una guía sobre cómo hacer podcasts educativos, que está harto bueno. Se recomienda echarle una mirada.
Con lo sobrepasado que estoy de escribir manuales, será una buena idea reemplazarlos por podcasts? :)
Certificación en Flash 8!
Me certifiqué en Flash 8
[4731 lecturas, 2 comentarios ]
Eso, me certifiqué en Flash 8.
Ya no hay división entre Designer y Developer, es sólo un examen cargadito al AS, pero nada grave;)
Intercambio de libros
Moviendo moviendo la literatura
[4358 lecturas, 0 comentarios ]
En el Blog de la leslita se informa de un tráfico de libros el sábado 30 de septiembre a las 17:00 en el Parque forestal a un costado del Bellas Artes.
No es malo limpiar la biblioteca, quizá obtener algo interesante a cambio y pasarle al otro aquello que puede interesarle.
(Foto googleada)
Búsquedas accesibles: bien por google!
búsquedas jerarquizadas por contenido y por accesibilidad
[6644 lecturas, 2 comentarios ]
Hoy me encontré con un interesante link de google: Un buscador accesible para usuarios con discapacidades visuales.
Por lo que entiendo, jerarquiza por contenido y por accesibilidad, degradabilidad, independencia de las imágenes.
Es una interesante iniciativa, veamos a qué conduce.
