HTML5 Mini Template
HTML5 Mini Template is a HTML5 structured file who includes only minimum necessary CSS files to get you started with HTML5 development …
HTML5 Mini Template is a HTML5 structured file who includes only minimum necessary CSS files to get you started with HTML5 development …
Creo que no es necesario decir que cualquier exceso es malo, y que tampoco hay que demonizar ni al Flash ni al sonido en una web (esto me cuesta decirlo, pero es cierto). Pero en el caso de que queramos incluir sonido a nuestra página web y controlarlo mediante Javascript, si nos puede ser útil esta librerÃa.
Se trata de Javascript Sound Kit, una clase Javascript que envuelve a un objeto ActionScript, en el cual se carga el sonido, que puede ser controlado por Javascript. Su uso parece bastante sencillo:
var mysound = new Sound();
mysound.loadSound("sonido.mp3", true);
mysound.setVolume(30);
Para aquellos que quieran criticar el uso ya sea de Flash o de sonido en la web (tienen todo mi apoyo), quizás les interese un ejemplo en el que puede ser útil, cuando tengo abierto GMail todo el rato, me avisa si llega un mensaje nuevo mediante un bip. Claro, que no lo necesito porque en Firefox tengo instalada una extensión que ya hace eso, pero no todo el mundo usa Firefox y no todo el mundo que usa Firefox tiene instalada la extensión para GMail.
VÃa / menéame
Uno de los mayores problemas con los que nos hemos encontrado a la hora de hacer aplicaciones que suben ficheros, es mostrar al usuario cuánto se ha subido y así poder saber cuánto queda. Ahora con HTML5 y XMLHttpRequest Level 2 podemos mostrarlo sin necesidad de parte del servidor.
El script hace uso de Evento de Progreso de HTML5 para poder mostrar:
Por ahora solo es compatible con Firefox, Chrome y Safari.
En el post lo explican con gran detalle.
Aunque a algunos nos gustan bastante las expresiones regulares, no está mal ofrecer una lista de alguna de ellas que nos pueden ser útiles cuando desarrollamos aplicaciones web.
/^[a-zA-Z0-9_]{3,16}$/
/]*>(.*?)<\/etiqueta>/
/]*atributo\s*=\s*(["'])valor\\1[^>]*>(.*?)<\/etiqueta>/
function is_valid_email_address($email){
$qtext = '[^\x0d\x22\x5c\x80-\xff]';
$dtext = '[^\x0d\x5b-\x5d\x80-\xff]';
$atom = '[^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c'.
'\x3e\x40\x5b-\x5d\x7f-\xff]+';
$quoted_pair = '\x5c[\x00-\x7f]';
$domain_literal = "\x5b($dtext|$quoted_pair)*\x5d";
$quoted_string = "\x22($qtext|$quoted_pair)*\x22";
$domain_ref = $atom;
$sub_domain = "($domain_ref|$domain_literal)";
$word = "($atom|$quoted_string)";
$domain = "$sub_domain(\x2e$sub_domain)*";
$local_part = "$word(\x2e$word)*";
$addr_spec = "$local_part\x40$domain";
return preg_match("!^$addr_spec$!", $email) ? 1 : 0;
}
{ \b # Parte principal (protocolo://dominio, o solo dominio) ( # http://, o https:// (https?)://[-\w]+(\.\w[-\w]*)+ | # Nombre de dominio (?i: [a-z0-9] (?:[-a-z0-9]*[a-z0-9])? \. )+ # subdominions # .com, .net... (?-i: com\b | edu\b | biz\b | gov\b | in(?:t|fo)\b # .int or .info | mil\b | net\b | org\b | [a-z][a-z]\.[a-z][a-z]\b # two-letter country code ) ) # Puerto ( : \d+ )? # El resto es opcional que empieza por / ( / [^.!,?;"\'<>()[]{}sx7F-\xFF]* ( [.!,?]+ [^.!,?;â€\’<>()\[\]{\}s\x7F-\xFF]+ )* )? }ix
5 Regular Expressions Every Web Programmer Should Know
VÃa / dzone
Have you ever seen an element on a page with transparent borders? I think Facebook originally popularized it giving birth to lightbox plugins like Facebox. I don’t think Facebook sports the look anymore, but it’s still rather neat. You might think it would be as simple as this:#lightbox { background: white; border: 20px solid rgba(0,0,0,0.3); }Howe …