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.
Leer más

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. En browserdiet.com se han juntado un grupo de expertos de grandes empresas y proyectos, como Google, Twitter, Opera, etc.
Leer más

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.
Leer más

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.
Leer más

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.
Leer más

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):
Leer más