Nos presentan ahora HTML KickStart, una colección de elementos diseñados para ahorrarnos tiempo en la creación de nuestro próximo sitio web.
Son menús, botones, etiquetas, tipografías, galerías, tablas… una colección bastante completa, con iconos incluidos, que puede ser bajada de forma gratuita para analizar el contenido y usarlo en nuestra página.
Bajado más de 20.000 veces, incluye archivos js y hojas de estilo (css) para facilitar el trabajo, con ejemplos funcionando en su página web para conocer las ventajas de su uso.
Los sitios web, al cabo del tiempo, suelen realizar modificaciones en sus estructuras y estilos visuales con el fin de adaptarlos a las últimas tecnologías web y tendencias con el fin de no quedarse rezagados. Y en los últimos tiempos estamos viendo como irrumpen con fuerza el HTML5 y el CSS3, de manera que habrá propietarios de sitios web que se estén planteando añadir modificaciones en sus respectivos sitios. Lo malo es que no todas las características de HTML5 y CSS3 están presentes en los navegadores web, con lo que habrá que saber cuáles de ellas se pueden emplear con seguridad y con cuáles de ellas con cautela.
HTML5 Please es un sitio web que informa de ello, teniendo la información estructurada por características, indicándose en cada una de ellas la idoneidad de su uso o no en la implantación de los sitios web. Se trata de una herramienta colaborativa en la que los desarrolladores, y los usuarios en general, podrán realizar las contribuciones necesarias para que la información pueda ser más precisa y fiable. Las contribuciones se tienen que hacer desde GitHub.
Es frecuente ver cada poco tiempo un nuevo proyecto web demostrando las posibilidades del HTML5 en varias áreas, incluso en el mundo de los juegos online.
En onemorelevel.com han analizado la situación y han comparado estas dos tecnologías y su uso actual en los juegos, obteniendo la infografía que podéis ver en esta entrada.
Como se puede comprobar, aún estamos muy lejos de poder decir que HTML5 está absorbiendo el mercado o que el mundo Flash está en peligro. Son muchas las ventajas que los tradicionales juegos tienen, y aquí pueden verse de forma organizada: Continúa leyendo «HTML5 Vs Flash en el mundo de los juegos #infografía»
BearCSS es una aplicación que permite generar una plantilla de un archivo CSS usando los elementos especificados en el archivo HTML que le indiquemos.
El archivo generado contendrá las clases, id y elementos del HTML, ayudando a realizar las tareas más monótonas del diseño de la hoja de estilo y permitiendo que dediquemos más tiempo a crear.
Se trata de un proyecto creado en HTML5/CSS, jQuery y PHP por Kyle Gawley y Jordan Henderson, quienes dejan sus datos de contacto disponibles en la página principal de BearCSS.
Bonito escaparate ha estrenado MSN en HTML5 que me ha distraído por unos cuantos minutos, es que la interfaz es más que agradable y la expectativas de los videos aleatorios que se pueden crear hacen una experiencia interesante.
La idea es simple pero creativa… a partir de una canción que escojas se irá creando un video con imágenes tomadas de Flickr. Cada imagen acompañara cada una de las palabras de la letra de la canción en pantalla completa, formando un colorido video improvisado. Además, verás que la letra se irá reproduciendo en los diferentes mosaicos que componen la imagen, logrando un efecto interesante.
Por el momento cuenta con 47 diferentes canciones y con millones de fotografías que arroja la búsqueda en Flickr, lo que permite tener diferentes resultados al momento de formar un video.
Una de las secciones en las que puedes explorar es “Write”, que te permite escribir un poema, una canción o una dedicatoria para que el sistema cree un video a partir de ello, siguiendo la misma metodología. Ideal para el próximo día de San Valentín, si deseas sorprender a tu enamorad@ con un detalle original y romántico.
Uno de los juegos más populares en los dispositivos móviles está ahora disponible en la web, en HTML5, en el sitio www.cuttherope.ie.
Lo presentan en el blog de IE, una versión gratuita con 25 niveles para que sigamos cortando las cuerdas que separan los dulces del carismático y famoso monstruo que tanta buena crítica ha generado en los últimos meses.
ZeptoLab promete que irá liberando más niveles en este proyecto que Microsoft está utilizando para divulgar Internet explorer 9 y mostrar su compatibilidad con HTML5.
Linkovery tiene como objetivo permitirnos guardar en Internet nuestros sitios web y aplicaciones online, siendo posible consultar los datos desde cualquier dispositivo, ya que usa HTML5.
Además de ofrecer la posibilidad de organizar nuestros favoritos, podemos compartirlos en las redes sociales, siendo sencillo hacer recomendaciones desde la propia aplicación. Las recomendaciones son, de hecho, el plato fuerte de Linkovery, así como la tecnología que están desarrollando para convertirse en la capa de acceso a múltiples dispositivos con un único registro.
En Loogic nos cuentan que tienen entre su accionariado a StartupBootCamp, gestionada en nuestro país por Tetuan Valley y con 600.000 euros de financiación para el desarrollo y su expansión internacional.
Saber las aplicaciones que usan otras personas para realizar sus tareas es fundamental en una web social, siendo el camino más lógico para encontrar las herramientas que mejor se adaptan a nuestras necesidades. Si sois fotógrafos, por ejemplo, y buscáis una aplicación para editar imágenes en la web, seguramente os interesará saber lo que la comunidad de profesionales de vuestra área usa para la edición, siendo más sencillo tomar la decisión sobre qué plataforma utilizar.
En mi último post analizaba la decisión de la Khan Academy de enseñar JavaScript como primer lenguaje de programación en su plataforma de aprendizaje online. Se trata de una elección discutible pero también innovadora, ya que tradicionalmente la iniciación a la programación se ha realizado a través de lenguajes procedimentales como Pascal o C, que a diferencia de JavaScript son lenguajes compilados y no orientados a objetos. Me comprometía también en ese artículo a compartir algunos recursos que se encuentran en la red para aprender JavaScript de forma autónoma, así que he realizado una valoración de los que considero más relevantes:
Este último mes ya os hemos hablado en wwwhatsnew de Codecademy. Se trata de un proyecto de reciente creación que tiene como objetivo enseñar a programar (desde cero) de forma interactiva. Cuenta para ello con una consola y un editor de código integrados en la propia interfaz web. De momento sólo existe la posibilidad de aprender JavaScript, pero su intención es ampliar la oferta a otros lenguajes de programación como Ruby y Python. Proponen una aprendizaje por etapas en el que hay que finalizar todas las lecciones de un curso para poder comenzar el siguiente. Por ahora está disponible una sección para principiantes que consta de 3 cursos: Getting Started with Programming, Functions in JavaScript y JavaScript Quick Start Guide. Como puede deducirse de los títulos, el material está disponible sólo en inglés. Aunque la interfaz todavía algún que otro error (es lógico tratándose de un proyecto poco rodado), la idea es buena y recomiendo su uso para aquellos que no tengan experiencia previa en programación. El mayor inconveniente que le encuentro es que está exclusivamente orientado a la práctica a través de ejercicios, pero no contiene ninguna guía o manual de referencia que pueda servir para consultar dudas o repasar lo aprendido. En otras palabras, puede ser muy útil como complemento al aprendizaje de JavaScript, pero es conveniente disponer de otro recurso como base para el mismo. Continúa leyendo «JavaScript para principiantes»
Disponible en beta privada Appgyver se presenta como una plataforma que permitirá a cualquier programador web construir aplicaciones sofisticadas para dispositivos móviles. Con un nombre que recuerda al famoso químico-ingeniero que todo lo podía en la TV, incluye API que permite trabajar con el GPS de los smartphones, así como integraciones con redes como Facebook. Al estar creadas con HTML5 no dependen de la plataforma, permitiendo ser ejecutadas tanto desde Android, como desde iOS, Windows Phone o Blackberry. Podéis ver algunas capturas y descripciones técnicas en su presentación en ArcticStartup.
No goza de tanta popularidad en las plataformas de escritorio como si de los dispositivos móviles. Opera es mucho más que un navegador, ya que además de permitirnos visitar sitios web, podemos gestionar nuestro correo electrónico, gestionar nuestros contactos, chatear, y mucho más a través tanto de las extensiones, widget como aplicaciones mediante Opera Unite. Pues bien, Opera Software acaba de sacar la versión final de Opera 11.60 que, entre otras mejoras, tenemos con un campo de direcciones renovado, donde obtendremos sugerencias de búsquedas y acceso a nuestros sitios favoritos con mayor rapidez; nuevo motor de renderizado Presto 2.10, y la renovación de su cliente de correo electrónico con diversas mejoras visuales y funcionales. Ahondando en las novedades, ya a nivel más técnico, contamos con un nuevo algoritmo de análisis HTML5; los atributos HTML5 de audio y vídeo: preload, buffered, seekable y mute; implementación de la API DOM para microdatos en HTML5; esquema personalizado y manejadores de contenidos; soporte completo para ECMAScript 5.1 y XMLHttpRequest nivel 2; en CSS3 soporte para las funciones radial-gradient y repeated-radial-gradient; soporte para tamaños relativos de fuentes en CSS3 y SVG con rem y algunos atributos para CSS4. Además, en temas de geolocalización soporta la nueva API de geolozación de Google JSON. Enlace: Opera | Vía Blog Opera