Blog[nbsp] » Aplicaciones web http://www.nbsp.es .Desarrollo web para profesionales de internet. Fri, 12 Aug 2011 07:04:46 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Lo bueno de FireBug para Internet Explorer 6+ http://www.nbsp.es/2009/09/17/lo-bueno-de-firebug-para-internet-explorer-6/ http://www.nbsp.es/2009/09/17/lo-bueno-de-firebug-para-internet-explorer-6/#comments Thu, 17 Sep 2009 18:10:28 +0000 marc http://www.nbsp.es/2009/09/17/lo-bueno-de-firebug-para-internet-explorer-6/ Buxplorer es un pequeño bookmarklet (unas 700 líneas de chatarra) que te iniciará una barra inferior en tu Internet Explorer y que te permitirá recorrer el código HTML viendo los margenes y los paddings de cada elemento, de la misma forma que lo hace Firebug. Es un excelente complemento para la developer toolbar (que tan solo te bordea el elemento).

Hace más de un año que tengo esto pendiente de terminar, naturalmente es una beta que funciona con pinzas, pero funciona:

PLAIN TEXT
HTML:
  1. javascript:scScript=document.createElement('script');scScript.src='http://www.javascript.es/bmk/buxplorer.js?nocache='+Math.random();scScript.type='text/javascript';void(document.getElementsByTagName('head')[0].appendChild(scScript));

Recuerda, el bookmarklet que os propongo sólo funciona con Internet Explorer 6.

A ver si alguien se anima a meterle un empujón :), y si lo pruebas, me das tu opinión (O el gran FSM colgará un Ubuntu al azar).

]]> http://www.nbsp.es/2009/09/17/lo-bueno-de-firebug-para-internet-explorer-6/feed/ 4 Función PHP para descargar vídeos de youtube http://www.nbsp.es/2009/08/23/funcion-php-para-descargar-videos-de-youtube/ http://www.nbsp.es/2009/08/23/funcion-php-para-descargar-videos-de-youtube/#comments Sun, 23 Aug 2009 10:17:50 +0000 marc http://www.nbsp.es/2009/08/23/funcion-php-para-descargar-videos-de-youtube/ Funciona en la fecha terrestre 23/08/2009:

PLAIN TEXT
PHP:
  1. function descarga_video_youtube($youtube,$nom=false){
  2.         $tot = file_get_contents($youtube);
  3.         preg_match('/, "t": "(.*?)",/s', $tot, $regs);
  4.         $codi = $regs[1];
  5.         $_video_id = explode("=",$youtube);
  6.         $video_id = $_video_id[1];
  7.        
  8.         if(!$nom){
  9.             preg_match('/title": "(.*?)",/s', $tot, $nomini);
  10.             $nom = urldecode($nomini[1]);
  11.         }
  12.         $ruta_video = "videos/$nom.flv";
  13.         $url = "http://www.youtube.com/get_video?video_id=$video_id&t=$codi";
  14.        
  15.         $video = file_get_contents($url);
  16.        
  17.         $fp = fopen($ruta_video,'w');
  18.         fputs($fp,$video,strlen($video));
  19.         fclose($fp);
  20.        
  21.         return true;
  22.     }

El uso es bien sencillo:

Si sólo se le pasa la URL del vídeo, lo descargará en la carpeta videos/titulo del video en youtube.flv

PLAIN TEXT
PHP:
  1. descarga_video_youtube("http://www.youtube.com/watch?v=edZYah2CdLY")

Si le añadimos el segundo parámetro (nombre), nos guardará el vídeo en la carpeta videos/nombrequelehayamospuesto.flv

PLAIN TEXT
PHP:
  1. descarga_video_youtube("http://www.youtube.com/watch?v=edZYah2CdLY","nombrequelehayamospuesto")

]]> http://www.nbsp.es/2009/08/23/funcion-php-para-descargar-videos-de-youtube/feed/ 2 ¿que son pagerror.gif y refresh.gif? ¡solucionado! http://www.nbsp.es/2009/08/12/%c2%bfque-son-pagerrorgif-y-refreshgif-%c2%a1solucionado/ http://www.nbsp.es/2009/08/12/%c2%bfque-son-pagerrorgif-y-refreshgif-%c2%a1solucionado/#comments Wed, 12 Aug 2009 15:34:03 +0000 marc http://www.nbsp.es/2009/08/12/%c2%bfque-son-pagerrorgif-y-refreshgif-%c2%a1solucionado/ Vaya, después de varios meses recopilando logs de errores 404 sin ningún tipo de sentido, hoy me he decidido a buscar cual era el motivo por el cual dos imágenes imaginarias (pagerror.gif y refresh.gif) aparecían en dichos logs de páginas no encontradas. Parece ser que el error solo se da en versiones de Internet Explorer 6. Tambien parece que dichas imágenes NO EXISTEN en mi servidor (ni en ninguno de las personas que se hayan encontrado con el problema), pues vaya... y entonces ¿porqué? ¡muy sencillo!.

Resulta que nuestro amigo de la infancia Internet Explorer 6 se resiste a ser como los demás (si, después de tantos años de andaduras el tío no ha madurado lo más mínimo) y cada vez que detecta un iframe sin el atributo src dentro de una página cargado mediante SSL (https://), se decide sin ningún tipo de pudor a cargar una página de error, la cual increíblemente carga las supuestas imágenes desde el servidor donde se ha cargado el iframe. Esto es ... una chapuza, yeah!

¿Solución? fácil, hagamos lo que hagamos que necesitemos un iframe vacío, tan solo tenemos que ponerle el siguiente atributo src:

PLAIN TEXT
HTML:
  1. <iframe src="javascript:false;" />

Yo (y mi ego) 1 - Internet Exploter 0

Más información en la keynote de microsoft

pagerror.gif refresh.gif

]]> http://www.nbsp.es/2009/08/12/%c2%bfque-son-pagerrorgif-y-refreshgif-%c2%a1solucionado/feed/ 1 Anomalía en esquemas en Firefox http://www.nbsp.es/2009/08/02/anomalia-en-esquemas-en-firefox/ http://www.nbsp.es/2009/08/02/anomalia-en-esquemas-en-firefox/#comments Sun, 02 Aug 2009 18:20:21 +0000 marc http://www.nbsp.es/2009/08/02/anomalia-en-esquemas-en-firefox/ No tengo mucha idea de cómo explicar esto, a ver si alguien se anima a esclarecer un poco los términos.

He encontrado una ligera anomalía (por no llamarlo bug explotable) en el trato que da Firefox de las URLs que contienen esquemas no reconocidos, ya que si lanzamos una dirección (del tipo ed2k:) desconocida para el navegador, este muestra una alerta. Esto podría no ser nada si no fuese porque nos puede permitir saber que software tiene instalado un visitante. Lo explico:

El principal problema de esto es que si abrimos una URL desconocida por el navegador desde javascript, este lanzará una excepción (un error) que nos permitirá saber si el visitante tiene instalado un programa u otro similar (por ejemplo, con el esquema callto: nos puede abrir Skype como un cliente distinto de Voip).

A continuación podéis ver el script en ejecución*: ver Demo

*: Necesario Firefox, la ejecución puede llegar a colgar el navegador, se guardan datos estadísticos para posterior analisi y post en el blog.

He abierto un track en bugzilla para que me digan algo :P.

]]> http://www.nbsp.es/2009/08/02/anomalia-en-esquemas-en-firefox/feed/ 6 Bookmarklet para detectar elementos HTML obsoletos http://www.nbsp.es/2009/05/26/bookmarklet-para-detectar-elementos-html-obsoletos/ http://www.nbsp.es/2009/05/26/bookmarklet-para-detectar-elementos-html-obsoletos/#comments Tue, 26 May 2009 19:22:49 +0000 marc http://www.nbsp.es/2009/05/26/bookmarklet-para-detectar-elementos-html-obsoletos/ Basandome en una entrada de webintenta donde menciona una CSS para detectar los elementos y atributos obsoletos, propuestos como obsoletos o elementos vacíos, he montado este bookmarklet para cargar en cualquier página, ya que tan solo ejecutando el enlace de los favoritos, se ejecutará un script que cargará la CSS en la página donde nos encontremos.

Detectar elementos obsoletos

Más información de cómo colorea los elementos en la página del autor de la CSS diagnostics

Es divertido de usar, al menos para criticar un rato :^P

]]> http://www.nbsp.es/2009/05/26/bookmarklet-para-detectar-elementos-html-obsoletos/feed/ 0 Correcto formato de formularios XHTML http://www.nbsp.es/2009/05/26/correcto-formato-de-formularios-xhtml/ http://www.nbsp.es/2009/05/26/correcto-formato-de-formularios-xhtml/#comments Tue, 26 May 2009 18:37:22 +0000 marc http://www.nbsp.es/2009/05/26/correcto-formato-de-formularios-xhtml/ Hace una semana mandé un correo a la lista de Ovillo preguntando cual creía la gente que era la forma más correcta de maquetar un formulario. Las respuestas fueron varias y estuvimos comentando cuales eran los pros y los contras de cada método utilizado.

Finalmente y después de mucho divagar e intentar acercar opiniones me llegó un correo de Daniel Navarro donde daba con una muy correcta solución, ya que a las fuentes se remitió y razón no le faltó (olé):

En un DTD estricto se especifica que dentro de un form sólo puede haber elementos de bloque (que no sean otros form). Así que entre los diferentes controles y el form debe de mediar un elemento de bloque como div o fieldset, por ejemplo. Esto te falta en la solución A. Además, obligas a saltos de línea con br y esto limita la flexibilidad de CSS.

Así que finalmente ganó la opción:

PLAIN TEXT
XML:
  1. <form>
  2.     <fieldset>
  3.         <div>
  4.             <label for="campo">Campo:</label>
  5.             <input id="campo" type="text" />
  6.         </div>
  7.         ... más aquí ...
  8.     </fieldset>
  9. </form>

Gracias a todos los que participasteis y me ayudasteis!

]]> http://www.nbsp.es/2009/05/26/correcto-formato-de-formularios-xhtml/feed/ 1 Cristalab y MDW desde el Googleplex de Silicon Valley http://www.nbsp.es/2009/05/23/cristalab-y-mdw-desde-el-googleplex-de-silicon-valley/ http://www.nbsp.es/2009/05/23/cristalab-y-mdw-desde-el-googleplex-de-silicon-valley/#comments Sat, 23 May 2009 20:23:35 +0000 marc http://www.nbsp.es/2009/05/23/cristalab-y-mdw-desde-el-googleplex-de-silicon-valley/ Literalmente copio y pego el vídeo que he encontrado en los comentarios de Freddie de Cristalab en Twitter, en donde se ve a él y a Christian de Maestros del web en Google Plex pidiendo a la comunidad de desarrolladores que les hagan llegar aplicaciones que estén desarrollando y que hagan uso de servicios de Google o WordPress. Así, tambien se ofrecen a hacer algunas críticas a tus aplicaciones desarrolladas en Flash, recomiendo echar un vistazo al vídeo.

Que sorpresa me he llevado cuando les he visto a los dos juntos, que cracks!!

]]> http://www.nbsp.es/2009/05/23/cristalab-y-mdw-desde-el-googleplex-de-silicon-valley/feed/ 1 Nuevo acortador de direcciones URL largas http://www.nbsp.es/2009/04/21/nuevo-acortador-de-direcciones-url-largas/ http://www.nbsp.es/2009/04/21/nuevo-acortador-de-direcciones-url-largas/#comments Mon, 20 Apr 2009 23:09:02 +0000 marc http://www.nbsp.es/2009/04/21/nuevo-acortador-de-direcciones-url-largas/ Este fin de semana he estado desarrollando junto con Cel (cenics.net) un redireccionador de URLs largas. Basicamente es para que no tengáis que pasar a vuestros contactos esos churros de direcciones tan grandes que a veces se rompen.

http://lost.in

Espero que os sea útil para:

- Mandar correos con URLs largas pero que no se rompen
- Añadir enlaces a vuestra red social de forma seguro
- Facilitar el acceso a ciertos sitios solo a quien vosotros queráis (mediante password)

Espero vuestras aportaciones ;-)

]]> http://www.nbsp.es/2009/04/21/nuevo-acortador-de-direcciones-url-largas/feed/ 2 Mapas de los municipios de España vectorizados en flash http://www.nbsp.es/2009/03/15/mapas-de-los-municipios-de-espana-vectorizados-en-flash/ http://www.nbsp.es/2009/03/15/mapas-de-los-municipios-de-espana-vectorizados-en-flash/#comments Sun, 15 Mar 2009 01:42:45 +0000 marc http://www.nbsp.es/2009/03/15/mapas-de-los-municipios-de-espana-vectorizados-en-flash/ Después de un curro de varias semanas por fin he conseguido el objetivo que me había planteado, crear una versión de los mapas vectoriales que enlacé el otro día pero en formato flash, en clips de película con su nombre de instancia y enlazados a una base de datos.

Podéis verlo en funcionamiento y descargarlo en http://municipios.nacionales.es.

Teruel existe!!

Comentarios, mejoras, usos, modificaciones, etc... podéis dejar un comentario aquí o bien hacerme llegar un correo a mi dirección "marc en palaueb punto com".

Ah!! El proyecto lo he licenciado bajo Creative Commons, por lo que podréis usarlo para casi todo lo que queráis. Para los que quieran darle un uso comercial que contacten conmigo a través de mi correo.

Espero vuestro feedback!

]]> http://www.nbsp.es/2009/03/15/mapas-de-los-municipios-de-espana-vectorizados-en-flash/feed/ 21 Herramientas para webmasters http://www.nbsp.es/2009/02/27/herramientas-para-webmasters/ http://www.nbsp.es/2009/02/27/herramientas-para-webmasters/#comments Fri, 27 Feb 2009 08:54:19 +0000 marc http://www.nbsp.es/2009/02/27/herramientas-para-webmasters/ En CDmon tenemos a disposición de los desarrolladores (sin importar donde tengan su hosting) un listado de herramientas para webmasters que os pueden ser muy útiles:

Estamos abiertos a desarrollar más, así que si queréis algo tan solo me lo comentáis por aquí o me contactáis por correo y veré que podemos hacer.

Espero que os gusten :)

]]> http://www.nbsp.es/2009/02/27/herramientas-para-webmasters/feed/ 2 Mamá! salgo en un blog de moda! http://www.nbsp.es/2008/11/26/mama-salgo-en-un-blog-de-moda/ http://www.nbsp.es/2008/11/26/mama-salgo-en-un-blog-de-moda/#comments Wed, 26 Nov 2008 18:49:12 +0000 marc http://www.nbsp.es/2008/11/26/mama-salgo-en-un-blog-de-moda/ anieto2k es el blog de Andrés Nieto. Seguro que alguna vez has caído por ahí, si no lo has hecho te mereces una colleja por pardillo. Como buen desarrollador web que soy, me place y complace aparecer por sus notitas con las herramientas para desarrolladores web que desarrollé para CDmon.

Yuju! que tío más crack!

Oh, si... por cierto. Lo conocí personalmente en el congresowebmasters donde le dieron un premio por su blog (con la de veces que actualiza y el nivel que tiene me parece un muy buen acierto).

Sigo con mis lios ... saludos!

]]> http://www.nbsp.es/2008/11/26/mama-salgo-en-un-blog-de-moda/feed/ 5 decimal a hexadecimal a decimal en javascript http://www.nbsp.es/2008/08/14/decimal-a-hexadecimal-a-decimal-en-javascript/ http://www.nbsp.es/2008/08/14/decimal-a-hexadecimal-a-decimal-en-javascript/#comments Thu, 14 Aug 2008 10:05:25 +0000 marc http://www.nbsp.es/2008/08/14/decimal-a-hexadecimal-a-decimal-en-javascript/ Basándome en algo que ya sabía de hace mucho y unos pequeños aportes del master del universo john resig, ahí os dejo esto:

PLAIN TEXT
JavaScript:
  1. function toHex(dec){return Number(dec).toString(16);}
  2. function toDec(hex){return parseInt(hex,16);}

]]> http://www.nbsp.es/2008/08/14/decimal-a-hexadecimal-a-decimal-en-javascript/feed/ 0 Expresión regular para obtener comentarios xHTML http://www.nbsp.es/2008/08/14/expresion-regular-para-obtener-comentarios-xhtml/ http://www.nbsp.es/2008/08/14/expresion-regular-para-obtener-comentarios-xhtml/#comments Thu, 14 Aug 2008 09:35:36 +0000 marc http://www.nbsp.es/2008/08/14/expresion-regular-para-obtener-comentarios-xhtml/ /<!--([\w\W\s]*?)-->/

Ideal para eliminar los comentarios de archivos con el DW (por ejemplo).

]]> http://www.nbsp.es/2008/08/14/expresion-regular-para-obtener-comentarios-xhtml/feed/ 0 Distancia entre dos puntos en AS2 http://www.nbsp.es/2008/08/06/distancia-entre-dos-puntos-en-as2/ http://www.nbsp.es/2008/08/06/distancia-entre-dos-puntos-en-as2/#comments Wed, 06 Aug 2008 16:22:31 +0000 marc http://www.nbsp.es/2008/08/06/distancia-entre-dos-puntos-en-as2/ Estamos desarrollando con Joan Garnet una cosita que ya enseñaré y he montado una función para detectar la distancia entre el centro del Stage y el ratón, ahí va:

PLAIN TEXT
Actionscript:
  1. import flash.geom.Point;
  2.  
  3. var punt_centre_x:Number=Stage.width/2;
  4. var punt_centre_y:Number=Stage.height/2;
  5.  
  6. var punt_centre:Point=new Point(punt_centre_x,punt_centre_y);
  7.  
  8. function check_distance(){
  9.     var punt_mouse_x:Number=this._xmouse;
  10.     var punt_mouse_y:Number=this._ymouse;
  11.    
  12.     var punt_mouse:Point=new Point(punt_mouse_x,punt_mouse_y);
  13.     var dist:Number=Point.distance(punt_centre,punt_mouse);
  14.    
  15.     distancia.text=dist+"px";
  16. }
  17.  
  18.  
  19. this.onMouseMove=check_distance;

]]> http://www.nbsp.es/2008/08/06/distancia-entre-dos-puntos-en-as2/feed/ 0 FullscreenYouck, Bookmarklet para agrandar el player embed de youtube http://www.nbsp.es/2008/02/05/fullscreenyouck-bookmarklet-para-agrandar-el-player-embed-de-youtube/ http://www.nbsp.es/2008/02/05/fullscreenyouck-bookmarklet-para-agrandar-el-player-embed-de-youtube/#comments Tue, 05 Feb 2008 21:02:36 +0000 marc http://www.nbsp.es/2008/02/05/fullscreenyouck-bookmarklet-para-agrandar-el-player-embed-de-youtube/ La motivación es la causa de muchas de las tonterías que hago, soy un motivado de la vida y eso no me lo quita nadie (ala). La causa de mi motivación esta vez ha sido la manía que tengo al player emedido de youtube, en cuanto estás mirando un blog con algunos vídeos, tienes que estar entrando y saliendo del blog para poner el dichoso fullscreen (pantalla completa). Ya que estamos puestos a ser frikis, seamoslo en serio, ¿porque no hacer nuestro propio bookmarklet que nos permita listar todos los vídeos de un blog, para irlos viendo a pantalla completa uno a uno sin movernos del sitio?

Lo único que tenéis que hacer es añadir el siguiente código como un marcador (en vuestros favoritos) y cada vez que queráis ver algunos vídeos sin rallaros demasiado, cargáis el enlace y os aparecerá una pantalla con el listado de los vídeos de la página (extensible a cualquier cosa llamada embed).

PLAIN TEXT
HTML:
  1. javascript:scScript=document.createElement('script');scScript.src='http://www.javascript.es/bmk/fullscreenyouck.js?nocache='+Math.random();scScript.type='text/javascript';void(document.getElementsByTagName('head')[0].appendChild(scScript));

O lo que es lo mismo, botón derecho aquí y añadir a favoritos

Espero un poco de feedback.

]]> http://www.nbsp.es/2008/02/05/fullscreenyouck-bookmarklet-para-agrandar-el-player-embed-de-youtube/feed/ 0