Intro original de Star Wars en HTML, CSS y JavaScript
En este enlace o haciendo click en la imagen que encabeza este post, puedes verlo en ejecución con su código fuente correspondiente en HTML, CSS y JavaScript.
CSS
Cómo perder peso en el navegador
El rendimiento de una aplicación web es fundamental. Al usuario no le gusta esperar y cada vez que acceda a tu aplicación web y se mueva por ella, quiere que sea amigable, de utilidad obviamente y por supuesto que sea rápida. Por ahí afuera puedes encontrar cientos o miles de sitios con trucos y buenas prácticas para hacer que tu sitio web responda lo más rápido posible.
Mario 5 escrito en Javascript, incluye código fuente
Son muchos los juegos y otras aplicaciones que se han portado al navegador creando estos en Javascript. Especialmente desde que se liberó HTML5 y CSS3. Estas dos tecnologías junto con la potencia infravalorada de Javascript se pueden hacer cosas muy interesantes.
En esta entrada nos van explicando paso a paso la creación de este Mario 5, con trozos de código, HTML y CSS y sus correspondientes explicaciones. Además si eres capaz de entender y seguir el artículo podrás incluso fácilmente extender este mismo juego.
Juego creado íntegramente en CSS
Este sencillo juego que puedes ver aquí, está creado íntegramente en CSS (no hay javascript). Puedes echarle un vistazo al código (enlace al código con Chrome) y verás que es cierto. Podríamos catalogar este programa de programación CSS extrema, ya que el sistema de funcionamiento es bastante ingenioso. Por ejemplo, las imágenes utilizadas para los elementos gráficos, están incorporadas en formato png y codificados en base64.
Un código fuente muy interesante para echarle un vistazo y aprender un poco más sobre CSS.
0day CSS exploit en IE sobre Windows 7
Aquí os dejo un vídeo que acaban de publicar en la web de Offensive Security, donde muestran como sobre un Windows 7 totalmente actualizado, ejecutan código local a través de un ataque CSS contra IE, en esta caso abren la calculadora.
Internet Explorer CSS 0day on Windows 7 from Offensive Security on Vimeo.
Esta es la entrada original.Tutorial, Mastering CSS Parte 1 y 2
Ultimamente vengo trasteando un poco con CSS, uno de los lenguajes más importantes para crear webs con un diseño avanzado. Tanto si eres nuevo o un usuario experimentado, este tutorial es excelente para aprender o mejorar este lenguaje artificial para crear hojas de estilo para HTML o XML (XHTML). Algunas de las técnicas mostradas también usan Javascript y XHTML.
De momento esto es lo que hay publicado (en inglés):