IECSSes una web en la que podemos descubrir las User Agent Style Sheet de Internet Explorer; o lo que es lo mismo, el lenguaje específico recomendado a nivel de CSS que debemos de utilizar dependiendo para qué navegador determinado estemos programando o, en caso de ser para todos, cual puede darnos problemas y en qué determinados estilos CSS. La tabla principal de esta web compara las hojas de estilo predeterminado diferentes que sirven para programar en HTML en las cuatro principales versiones de Internet Explorer: IE6, IE7, IE8, e IE9. Puedes descargar sus hojas de estilo en la parte superior. En esta web también encontrarás en la parte inferior las hojas de estilo de los navegadores Firefox 3.6.3, Webkit (el motor que usan Chrome y Safari) versión r57042 y Opera 10.51.
Como muchos sabréis, las páginas de Facebook son uno de los medios más populares para la comunicación social especialmente para las marcas y negocios que desean expandirse. No obstante, la interfaz que este lleva por defecto carece de opciones de personalización. Es por ello que un grupo de desarrolladores japoneses han decidido diseñar StaticHTML, una aplicación que permite a cualquier usuario crear una sección dentro de la página en la cual puede insertar desde imágenes hasta HTML estático. La aplicación es bastante sencilla de utilizar, damos los permisos necesarios para que funcione correctamente, elegimos las páginas que queremos personalizar y listo, nos aparecerá el panel de configuración en donde podremos entre tantas otras configuraciones obligar al usuario a darle a “Me Gusta” si desea ver el contenido. Por tanto, una excelente aplicación flexible y rápida para personalizar más aun nuestras páginas, así como también la forma en la que nos comunicamos con nuestros usuarios.
Si trabajáis con diseño web y queréis empezar a jugar con las propiedades CSS de banners, echad un vistazo en i2style, la nueva herramienta de sciweavers.org. Se trata de una aplicación en la que podemos alterar las propiedades de texto, colores, tamaños y sombras de un banner, creando desde botones hasta anuncios enormes que podremos incluir en nuestro sitio web. El resultado es un código limpio en CSS y HTML, siendo excelente también para uso educativo, aprendiendo a ver los efectos causados en un diseño cuando se modifican los valores de las variables de la hoja de estilos.
Si con DropBox podemos también guardar y compartir documentos de forma pública en Internet, no es raro que mucho lo usen para alojar sitios web, aunque no sea la mejor forma de hacer algo así. DropPages es un nuevo servicio que nos facilita este trabajo, ofreciendo recursos que ayudan a publicar sitios web usando DropBox como herramienta principal. La idea es relativamente sencilla. Compartimos un directorio de documentos con DropPages y él se encargará de interpretarlos para crear un sitio web con las características estéticas que le informemos. Nosotros ponemos los archivos, DropPages crea la estética para facilitar la navegación entre ellos. Sin necesidad de accesos FTP ni servidores contratados, DropPages facilita el tema ofreciendo MarkDown para la edición de las páginas web, siendo más sencillo para principiantes que el propio HTML. Una buena idea que, si evoluciona correctamente, puede transformarse en una fiebre. Link: DropPages | Vía The next web
En Adobe no se quieren quedar atrás y quieren que los trabajos hechos con Flash lleguen a todo tipo de dispositivos posibles, incluidos aquellos que no soporten nativamente sus formatos como son los dispositivos de Apple. Y la mejor forma de hacerlo es apostando por la conversión en HTML de dichos trabajos.
Es por ello que acaban de lanzar, en fase experimental, Adobe Wallaby, una aplicación multiplataforma desarrollada en Adobe AIR, por la cual todos aquellos trabajos hechos en flash, archivos .fla, puedan ser portados fácilmente a HTML donde no sólo puedan reproducirse en cualquier tipo de dispositivo, e incluso en navegadores basados en WebKit, sino que además, pueda ser editado desde sencillos editores de códigos hasta entornos de desarrollo. De entrada Adobe ya advierte que no todas las funciones de Flash puede ser portados a HTML, con lo que hay que tenerlo en consideración.
Para usar esta aplicación, basta con descargarla de su página oficial e instalarla en el sistema. Una vez el usuario ejecute dicha aplicación, la misma pedirá al usuario que le indique la ruta del archivo FLA a convertir, pudiendo configurar las pocas preferencias disponibles: Una vez indicado el archivo FLA, ya se podrá convertir, para lo cual pedirá la ubicación a guardar en el disco duro local del archivo resultante en html. Puede surgir que durante la conversión, el archivo .FLA no se pueda convertir, con lo que el motivo se indicará en el cuatro inferior de la aplicación.
En mi caso, me he bajado una serie de archivo .fla desde diferentes sitios y me ha sido imposible convertirlos ya que todos ellos me han dado error de incompatibilidad, con lo que habrá que esperar a que madure la tecnología y se pueda convertir cualquier archivo .fla con esta aplicación.
Actualización: la herramienta ya no está disponible
En the-m-project.net tenemos un nuevoi proyecto que puede facilitar mucho la vida de quienes quieren programar aplicaciones en HTML5. Con el código libre, y responsable por aplicaciones de gestión de listas, integraciones con twitter y otras que podemos ver en su web como ejemplos, es ideal para que pueda ser usado en el desarrollo de aplicaciones para dispositivos móviles que no sean compatibles con tecnología Flash. Con una documentación bastante completa, se encuentra en fase alpha, buscando colaboradores que ayuden a transformar el proyecto en una plataforma más completa y útil para todos.
Cuando uno empieza a trabajar todo el tema de páginas web, uno de los primeros problemas con los que suele toparse es que ciertos caracteres no son fáciles de representar, porque o son propios de un idioma concreto (como nuestras «eñes» y tildes) o porque están reservados por el propio HTML . En estos casos podemos usar nuestro buscador favorito para encontrar una tabla de equivalencias o usar el codificador HtmlEnt, que es bastante más rápido y nos permite «traducir» textos completos. De este modo, si queremos convertir calquier texto completo, o hacer la operación inversa, pasar de entidades a texto plano, sólo tendremos que introducirlo y presionar la tecla «Encode Decode«. Una utilidad muy sencilla, pero que puede sacarnos de algún apuro puntual. Vía | Pixelco Blog
Dive Into HTML5 es el origen, en versión web, del libro publicado por O”™Reilly llamado HTML5: Up & Running. Un enorme tutorial disponible en Internet de forma gratuita bajo licencia CC-BY-3.0.
En él podemos leer sobre la importancia del HTML5 en la web actual, sobre su historia, sus características, su forma de trabajar con vídeo…
Con ilustraciones entretenidas y un inglés bastante sencillo de entender, es imprescindible para los que quieren conocer el presente y futuro de la web.
Es rara la semana que no comentemos algún proyecto realizado integralmente en HTML5. Las posibilidades que tiene y su eterna comparación con Flash lo hacen un tema muy atractivo para cualquier aficionado a la tecnología web.
En html5advent.com lo saben y nos ofrecen un calendario con un proyecto en HTML5 cada día, algunos de los cuales son realmente sorprendentes.
El recomendado hoy es 20thingsilearned.com, una guía sobre Internet, en forma de libro, creada por Google y Fantasy Interactive, guía que comentamos hace un par de semanas en wwwhatsnew.com.
Podéis enviar vuestro proyecto a los administradores de la página, quien sabe si es el recomendado para el próximo día…
ViewBook es un plugin jQuery, de muy fácil instalación, que permite mostrar información a los lectores de nuestras páginas web en forma de libro.
Después de importar los scripts correspondientes, sólo tenemos que escribir el contenido dentro de una clase determinada del css, consiguiendo resultados bastante interesantes en muy poco tiempo.
El código es de acceso libre distribuido bajo las licencias MIT y GPL, permitiendo agregar cualquier elemento HTML a sus páginas y modificar su tamaño, ancho, velocidad, página de inicio y numeración.
Podéis ver algunos ejemplos funcionando en su página y en redPE X.0.
