Elementos que desaparecerán en breve de HTML

23 February 2012 por theeditor · Dejar un comentario
Archivado como: Internet, Notas Breves 

Si te dedicas al mundo del desarrollo web, sabrás que con cada versión nueva de HTML, al igual que ocurren en otras tecnologías, hay elementos que aparecen y otros que desaparecen o se marcan como deprecated para avisar de que deseparecerán en breve. Con el tránsito definitivo a HTML5 del que tantísimo se lleva hablando, algunos elementos dejarán de existir. Aquí os traigo un listado de ellos, cuál era su función y cómo debemos sustituir su funcionalidad.

Comparativa de navegadores: formatos de video en HTML5

17 February 2012 por theeditor · Dejar un comentario
Archivado como: Internet, Notas Breves 

Formatos de video recomendados para visualizar con HTML5 en los navegadores más importantes

data:snake, un juego de la serpiente en una URI

10 December 2011 por theeditor · Dejar un comentario
Archivado como: Notas Breves 

El mítico y clásico juego de la serpiente versión javascript y metido en una URI: Pega el siguiente código en la barra de direcciones de tu navegador y juega (probado con Firefox).

data:text/html,<script>function P(x,y){return{x:x,y:y}}function J(){return Math.floor(Math.random()*16)}function R(){do{z={x:J(),y:J()}}while (T(z));return z}function A(a,b){return{x:a.x+b.x,y:a.y+b.y}}function Q(a,b){return a.x==b.x&&a.y==b.y}function O(p){return p.x<0||p.x>15||p.y<0||p.y>15}function T(p){return s.filter(Q.bind(this,p)).length}function M(p){if(p.x!=-d.x&&p.y!=-d.y)m=p}function B(){s.map(function(p){c.fillRect(p.x<<3,p.y<<3,8,8)})}function C(){c.beginPath();c.arc((a.x<<3)+4,(a.y<<3)+4,4,0,7);c.fill()}function F(){c.fillStyle='red';B();setTimeout(I,5000)}function E(){d=m;n=A(s[0],d);(O(n)||T(n))&&(F(),1)||setTimeout(E,350-s.length*5);s.unshift(n);Q(s[0],a)&&(a=R())||s.pop();c.clearRect(0,0,128,128);B();C()}window.addEventListener('keydown',function(e){M({37:P(-1,0),38:P(0,-1),39:P(1,0),40:P(0,1)}[e.keyCode])},false);function I(){document.body.innerHTML='<canvas width=128 height=128 style="width:256px;height:256px;border:8px solid black"></canvas>';c=document.body.firstChild.getContext('2d');s=[P(8,8),P(7,8),P(6,8)];a=R();m=P(1,0);E()}setTimeout(I,0)</script>

Original: bytex64.net/code/datasnake/

Trabajar con Certificados Digitales en .NET

17 November 2011 por theeditor · Dejar un comentario
Archivado como: Notas Breves, Software 

Introducción al trabajo con certificados digitales desde .NET http://geeks.ms/blogs/jtorrecilla

Efecto “Before & After” para fotografías con JQuery

17 October 2011 por theeditor · Dejar un comentario
Archivado como: Internet, Notas Breves 

Esta librería es epecialmente útil para fotógrafos y diseñadores gráficos, mostrando de una forma original y estéticamente vistosa la diferencia entre dos fotografías, recomendada para mostrar el antes y después de una fotografía retocada.”