HTML

Referencia rápida al conjunto de instrucciones x86



Aunque Intel provee de toda la documentación del conjunto de instrucciones de procesadores x86, 64 y 32 bits, los documentos pdfs son un poco grandes y quizás no la opción más versátil como fuente de consulta.

HTML es sin duda un formato mucho más flexible y ligero que PDF, por lo que una versión en HTML del conjunto de de instrucciones de los procesadores x86 de Intel, puede ser mucho más conveniente de tener a mano. Aunque hay varias webs que ofrecen este tipo de información (mi web favorita es ref.x86asm.net), exista otra página web que no conocía, dónde podemos consultar dicha documentación de una forma rápida. La información es presentada de una forma muy simple. Toda la lista de las instrucciones disponibles en una página, con un enlace a otra página más específica con toda la documentación referente a dicha instrucción.

Programando un Space Invaders en Javascript + HTML



Para los que se quieran iniciar en el mundo de la programación, en especial en el mundo de los juegos web o basados en HTML y Javascript, en Project Code, Dave Kerr ha iniciado un tutorial de como crear un juego estilo Space Invaders.

Ahora mismo sólo hay 2 entradas sobre dicho tutorial:

• Learn JavaScript: Part 1 - Create a Starfield
• Learn JavaScript Part 2 - Space Invaders

Pero con bastante contenido. De hecho, con lo publicado ya tienes un juego totalmente funcional, aunque no al 100%. En las siguientes entradas Dave se va enfocar en la potencia ofrecida por HTML5 y su Canvas, así como un framework Javascript que está dando mucho que hablar AngularJS.

El código fuente del proyecto se encuentra alojado en Github, para los que quieran echar un vistazo directamente al código fuente.

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.

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.

Un fichero capaz de simular varios formatos de ficheros válidos a la vez



Cabecera real del fichero CorkaMIX.exe

Este ejemplo creado íntegramente en asm, sólo sirve para probar que un fichero puede ser dado por válido por el sistema simulando ser varios tipos de ficheros distintos.

Este fichero CorkaMIX.zip puede ser a la vez:

• Programa portable ejecutable (PE)
• Documento PDF
• Oracle Java JAR (o una clase dentro dentro de un ZIP) ó Script Python
• Página HTML

Interesante para analizar y jugar un rato con los formatos de ficheros.

Puedes descargarlo desde aquí, CorkaMIX.zip

Para compilarlo:

[sourcecode language="bash"] yasm -o corkamix.exe corkamix.asm [/sourcecode]

Resumiendo, si la información del formato del fichero no empieza en el offset 0, puede llevar a confusión al sistema y a creer que el fichero es válido para varios formatos.

Más información en la web del autor aquí.

Visto en Reddit.

Información sobre cabeceras de ficheros: FileSignaturesFormat

HTML Examples, ejemplos de código HTML

(Imagen Wikipedia)

A estas alturas ya todos conocéis en más o menos profundidad el lenguaje de marcado HTML (base de todas las páginas web de Internet), pero nunca viene mal tener a mano una web donde nos muestren ejemplos de código fuente más frecuentes (como enlaces, imágenes, formateo de texto, etc) y el resultado de su ejecución.

En la web de w3schools.com, puedes encontrar este genial enlace llamado HTML Examples, en el cual puedes ver una gran variedad de ejemplos que pasamos a listar:

Haz click abajo para ver el listado completo de ejemplos que nos ofrecen:

Analizando las técnicas SEO a nivel de programador



Este buen artículo llamado "What every Programmer Should Know About SEO" no debes perdértelo si quieres profundizar en el funcionamiento de las técnicas SEO pero explicado para programadores y así comprender mejor y poder optimizar dichas técnicas en nuestro sitio web (mejorar su posicionamiento para los buscadores).

Explica el funcionamiento básico de los motores de búsqueda para luego dar algunos consejos, como por ejemplo estar seguro que tu sitio es "crawable" (que un robot pueda perfectamente analizar la página web), usar las palabras correctas en los lugares correctos del código, evitar contenido duplicado, usar descripciones "meta" de forma inteligente, etc.

Vídeos de la W3Conf



Los pasados 15 y 16 de noviembre se celebró en Redmon la W3Conf, la primera conferencia sobre estándares web y la plataforma web abierta (Open Web Platform). encabezada por la W3C.

A continuación podéis encontrar la lista de las presentaciones (vídeos) que se dieron.

• WELCOME: CONTRIBUTING TO OPEN STANDARDS - Vídeo
• TESTING TO PERFECTION - Vídeo
• COMMUNITY GROUPS: A CASE STUDY WITH WEB PAYMENTS - Vídeo
• SHORTCUTS: DEVELOPER DOCUMENTATION - Vídeo
• 5 CSS MAGIC POTIONS FOR YOUR LAYOUT TROUBLES FROM THE FUTURE - Vídeo
• WEB GRAPHICS – A LARGE CREATIVE PALETTE - Vídeo
• WEB PERFOMANCE: MAKING THE WEB FASTER - Vídeo
• SHORTCUTS: GETTING OFF (LINE) WITH THE HTML5 APPCACHE - Vídeo
• THE N-SCREENS PROBLEM: BUILDING APPS IN A WORLD OF TV AND MOBILES - Vídeo
• THE GREAT HTML5 DIVIDE: HOW POLYFILLS AND SHIMS LET YOU LIGHT UP YOUR... - Vídeo
• SHORTCUTS: WEB TYPOGRAPHY - Vídeo
• HMTL5: THE FOUNDATION OF THE WEB PLATFORM - Vídeo
• DAY 1 CLOSING REMARKS - Vídeo
• HTML5 DEMO FEST: THE BEST FROM THE WEB - Vídeo
• SHORTCUTS: DATA VISUALIZATION WITH WEB STANDARDS - Vídeo
• MAKING ACCESSIBILITY MAINSTREAM - Vídeo
• SECURING THE NEXT GENERATION OF WEB APPS - Vídeo
• SHORTCUTS: TOUCH EVENTS - Vídeo
• HELLO. GAMES. HTML5 GAMING TODAY - Vídeo
• SHORTCUTS: MODERNIZR - Vídeo
• PANEL: BROWSERS AND STANDARDS: WHERE THE RUBBER HITS THE ROAD - Vídeo
• DAY 2 CLOSING REMARKS - Vídeo

Sin duda alguna una mina para aquellos que se dediquen al desarrollo de aplicaciones web para ver por dónde van los tiros y lo que nos deparará el futuro en la web.

Presentaciones del Google Developer Day 2011 - Berlín



Android	Chrome & HTML5	Cloud	Google+
Android Market for Developers - Rich Hyndman (G+)	Making Your Web Apps Accessible Using HTML5 and ChromeVox - Mike West (G+, Twitterblog)	Finding Your Place in the World: Google Places API - Mano Marks (G+, twitterand blog)	Google+ and the +1 Button - Ade Oshineye (G+, twitter and blog)
Excellence in the Android User Experience - Nick Butcher (G+)	Working Off the Grid: HTML5 Offline - Ido Green (G+, twitter andblog)	Google App Engine Overview & Update - Wesley Chun (G+)	Using the Google+ APIs - Chris Chabot (G+)
Google TV: Open for Android Developers - Christian Kurzke (G+)	Bleeding Edge HTML5 - from Ido Green and Paul Kinlan (G+, Twittera/a> andblog)	Building Integrated Applications on Google's Cloud Technologies - Michael Manoochehri (G+or Twitter)	Building Google+ Hangout Apps - Jonathan Beri (G+, twitter and blog)
High-performance graphics for Android - Sparky Rhode (G+)	These Aren't the Sites You're Looking For: Modern HTML5 Web Apps - Mike West (G+, Twitterblog)	Go on App Engine - Andrew Gerrand (G+,twitter)	OAuth and OpenID for Data Access and Identity in web apps - Ryan Boyd (G+, twitter)
What’s new and important in Android - Bruno Oliveira (G+)	Privacy-related APIs for Google Chrome Extensions - Dominic Battre (G+), Bernhard Bauer (G+) and Pam G(G+)	Accelerated Beginner App Engine Workshop - Wesley Chun (G+)	Dart: a new programming language for structured web programming - Anders Sandholm (G+)
			Crease: Tiling Window Manager for Android Tablets - Philipp Comans (G+) ; OpenSocial 2.0 - Viva la Open App Revolution - Bastian Hofmann (G+) Cycling The Alps - Dennis Wegewijs (G+) ; See what's next: A Mobile App Called Fjutur - Rodja Trappe (G+) ; The architecture of LiquidFeedback - Interactive Democracy - Björn Swierczek (G+) & Jakob Flier (G+) ; Eclipse DataBinding for Android by Stefan Nowacki ; Native Mobile Applications with the Google Web Toolkit(GWT) - Alain Ekambi (G+) ; Write Cross-Platform Web-Apps in Java - Jonas Gehring (G+) ; Rain Alarm - Michael Diener (G+)
Android Office Hours - Sparky Rhode (G+)	V8 Performance Tuning Tricks - Daniel Clifford (G+)	Monetizing Web Apps - Mihai Ionescu (G+,twitter)
Integrating with Google Apps: New APIs, New Features and Best Practices - Ryan Boyd (G+)	DevTools Tips and Tricks - Ido Green (G+, twitter andblog)	HTML5, Flash and the Battle for Faster YouTube Cat Videos - Greg Schechter (G+,Twitter and blog)

Fuente

Analizando y visualizando una página web en 3D con FireFox (Tilt)

Espectacular plugin llamado Tilt que visualiza una página web en 3D mostrando en relieve toda su estructura (DOM). Es muy útil para encontrar problemas en el código HTML al ofrecerte un nuevo punto de vista en 3D basado en capas del DOM (usa un código de colores para cada componente y capa de la web).

Codifica en Base64 código HTML y compártelo



No sé si servirá de mucho este servicio, pero me resultó muy curiosa la idea. Hashify.me es una web que te permite crear una web (código HTML) y a partir de ahí crear una URL especial con el contenido de tu página codificado en Base64. De esta forma podrías compartir tu página a través de este enlace.

Claro el enlace generado podría ser un poco largo, así que desde la misma página puedes acortar el mismo. Éste usa Bit.ly para ello y además te permite publicarlo en Twitter.

Más de 270 tutoriales sobre HTML5



A día de hoy cualquiera de las nuevas versiones de los navegadores más conocidos implementan, aunque no al 100%, este nuevo estándar. Y si miramos a nuestro alrededor, vemos como cada vez más, los desarrolladores y grandes empresas (Apple por ejemplo) apuntan y apuestan por éste.

Por ello, me resultó interesante, aunque un poco desorbitado, este enlace en el que se recogen más de 270 tutoriales sobre HTML y además otros 64 enlaces con enlaces, valga la redundancia sobre más información sobre HTML5 y muchas ocasiones CSS3.

Exploit contra webkit en Android 2.0 y 2.1



A continuación os dejo el listado del exploit, en este caso mejorado, que se difundió la semana pasada. El fallo se encuentra en el navegador que acompaña a Android, webkit. La versión 2.2 está libre de pecado, de momento...

<html>
<head>
<script>
//This code is only for security researches/teaching purposes,use at your own risk!
// bug   =  webkit remote code execution CVE-2010-1807 

   http://cve.mitre.org/cgi-bin/cvename.cgi?name=CVE-2010-1807

//patched=  android 2.2, some said it works on some devices with 2.2.
//originally noticed/written by mj(good job man!)
//new exploit version by Itzhak Zuk Avraham (itz2000[AT]GMAIL[DOT]COM) - 

   http://imthezuk.blogspot.com

Programación de juegos en Javascript usando el elemento Canvas



Parece que el elemento canvas, introducido en el nuevo HTML5, está dando mucho que hablar por la potencia que puede añadir al desarrollo de páginas web.

Y cuando mezclas este elemento con un lenguaje tan potente como es javascript, sólo la imaginación puede ponerte barreras a la hora de ser creativos. Y si no me crees echa un vistazo a esta página.

Si lo que te gustan son los juegos y no sólo jugar, sino también crearlos, experimentar, etc. Aquí tienes un tutorial compuesto por las siguientes secciones:

The Art Of Assembly Languaje, un libro esencial y gratuito

 

Por motivos varios, he tenido que volver a programar en ensamblador (y desensamblar también) algún que otro código (en Linux y Windows) y este libro la verdad es que ha sido realmente una auténtica revelación:

The Art of Assembly Languaje

Es un texto creado por Randy Hyde, y está considerado como uno de los mejores libros sobre ensamblador que existen.

Aparte de ser bastante fácil de leer y estar escrito de forma bastante sencilla para lo complejo del tema, además tiene una versión para cada plataforma que necesites programar:

Editor HTML en tiempo real



HTML Instant es un editor HTML en tiempo real y online, es decir, funciona desde tu navegador. Ideal para hacer pruebas y ver inmediatamente el resultado de tu código.

De matemáticas...

- UN PROGRAMA HTML…



MathJax una herramienta open source para representar ecuaciones matemáticas vía HTML.

Para webs de contenido científico existe también el LaTeX, que es el más utilizado y cuya alternativa es el MathCast. Está basado en Ajax y lo bueno es que se trata de una herramienta de código libre, cuyas API están disponibles para ser integradas en todo tipo de aplicaciones y servicios web.

Tutorial para hacer una extensión de Twitter para Chrome



En ArsTechnica nos enseñan a crear nuestra primera extensión para Chrome ,donde aprenderemos a incrustar una barra de herramientas con un cliente  de Twitter directamente en el navegador.

Las extensiones en Chrome están creadas en HTML y Javascript, esto es una gran ventaja ya que son los lenguajes más utilizados en la web. Además para acceder a todas las funcionalidades del navegador (ventanas, pestañas, favoritos ...) , se realiza a través de una API hecha en JavaScript.

Mona Lisa en HTML

Aquí os dejo un video donde podéis ver la generación de la Mona Lisa en HTML usando notepad. No deja de ser curioso.

Creando tu propio Web Crawler / Web Spider

 

Ya hemos hablado antes en CyberHades sobre los Web Spiders, ahora os proponemos crear uno propio. Básicamente, un Web Spider es una aplicación que realiza una acción cuando encuentra una página web en concreto (o un link). Por ejemplo puedes crear uno que busque entre todos los links de tus páginas si alguna está caída (error 404), y que luego cree un informe, te envíe un email, etc …