<?xml version="1.0"?>
     <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
     <channel>
      <link>http://www.bitacora.davidesperalta.com/</link>
      <title>David Esperalta - Archivo de la etiqueta "jQuery" en la bitácora</title>
      <generator>Gesbit</generator>
      <description>Bitácora personal, software, opinión</description>
      <atom:link href="http://www.bitacora.davidesperalta.com/rss/" rel="self"
       type="application/rss+xml" />
    
      <item>
       <link>http://www.bitacora.davidesperalta.com/curioso-plugin-jquery-corner-ads/</link>
       <guid>http://www.bitacora.davidesperalta.com/curioso-plugin-jquery-corner-ads/</guid>
       <pubDate>Sun, 16 Nov 2008 06:16:27 +0100</pubDate>
       <title><![CDATA[ Curioso plugin jQuery Corner Ads ]]></title>
       <description><![CDATA[<p><img class="floatleft" src="http://www.bitacora.davidesperalta.com/archives/images/logotipo-jquery.png" alt="Logotipo de jQuery" width="180" height="195" />Últimamente se publican <a title="Entrada en esta bitácora" href="http://www.bitacora.davidesperalta.com/los-plugins-de-jquery/">plugins muy curiosos para jQuery</a>, pero, como estoy liado con otros menesteres, no los reseño por aquí, aunque, bien sé yo que tú no me necesitas a mí para mantenerte al tanto de este y de otro cualquier asunto. Pero, en fin, sea como sea, no quería dejar sin reseñar un nuevo plugin para jQuery que me ha llamado la atención: el <a title="Sitio web de jQuery Corner Ads" href="http://www.wdxperience.ch/jquery/cornads/index.php">plugin jQuery Corner Ads</a>.</p>
<p>¿Has visto en algún sitio web esa imagen que se sitúa en la esquina superior izquierda o derecha, y que permanece "fija" en esa posición, y que informa de que una determinada bitácora "está hecha en México", o es la "versión 2.0"? Pues <a title="Sitio web de jQuery Corner Ads" href="http://www.wdxperience.ch/jquery/cornads/index.php">jQuery Corner Ads</a> va por ahí, sólo que añade a dicha imagen cierta funcionalidad, como es la posibilidad de "mostrarse completa" cuando se pasa el ratón por encima.</p>
<p>No sé si dicho así te habrás enterado de algo, aunque a mí me da que iba a ser complicado. ¿Qué tal si le echas un vistazo a los <a title="Ejemplos del plugin jQuery Corner Ads" href="http://www.wdxperience.ch/jquery/cornads/demo1.php">ejemplos del plugin</a>? Estos te sacarán de toda duda. Además podrás echarlos un vistazo en cualquiera de los navegadores soportados: <em>Opera, Firefox, Safari e Internet Explorer</em>. Creo que se trata de un plugin que puede ser, además de vistoso, realmente práctico y útil. Júzgalo tú mismo.</p>]]></description>
      </item>
      
      <item>
       <link>http://www.bitacora.davidesperalta.com/barras-de-scroll-con-jscrollpane/</link>
       <guid>http://www.bitacora.davidesperalta.com/barras-de-scroll-con-jscrollpane/</guid>
       <pubDate>Fri, 07 Nov 2008 11:26:20 +0100</pubDate>
       <title><![CDATA[ Barras de "scroll" con jScrollPane ]]></title>
       <description><![CDATA[<p><img class="floatleft" src="http://www.bitacora.davidesperalta.com/archives/images/logotipo-jquery.png" alt="Logotipo de jQuery" width="180" height="195" />Una de las dificultades que tenemos quienes llevamos a cabo páginas web es la imposibilidad de contar con una apariencia estándar para los controles de nuestras páginas, me estoy refiriendo más concretamente a los controles estándar de HTML para formularios y algunos otros como el que toca esta entrada: las barras de "scroll" que pueden mostrarse en distintos elementos que las requieran.</p>
<p>Personalmente, soy de buen conformar, y, suelo usar únicamente los controles estándar, sabiendo que estos no se mostrarán igual en diferentes navegadores y plataformas, pero, con la ventaja de no recurrir a trucos más o menos logrados: en cierto modo usar el estándar debería funcionar bien en cualquier navegador, sólo que cada navegador pintará los botones, por ejemplo, a su manera, que, desde luego, no se parecerá a como lo hacen el resto de navegadores.</p>
<p>Sea como sea, si se piensa en el diseño, en el estilo, entonces puedes toparte con un problema si utilizas los elementos estándar, porque, tal vez no casen bien con el diseño de tu sitio web, independientemente ya de cómo se muestre una barra de "scroll" en un navegador u otro: lo que necesitas es que la propia barra de "scroll" se adapte más bien al diseño de tu sitio, en cuantos más navegadores mejor. Pues bien, al menos para Opera, Internet Explorer, Firefox y Safari, puede servirnos el <a title="Sitio web de jScrollPane en jQuery.com" href="http://plugins.jquery.com/project/jScrollPane">plugin para jQuery jScrollPane</a>.</p>
<p>Como se muestra en <a title="Ejemplo del plugin jScrollPane" href="http://www.kelvinluck.com/assets/jquery/jScrollPane/examples.html">uno de sus ejemplos</a> con este plugin podremos contar con barras de "scroll" con diferentes estilos, en este caso imitando el de distintos navegadores. Aunque jScrollPane puede ir más allá, como podrás comprobar echando un vistazo al <a title="Ejemplos del plugin jScrollPane" href="http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html">resto de ejemplos</a>, y, sobre todo, en los distintos estilos usados en sitios web "reales", como <a title="Sitio web que usa el plugin jScrollPane" href="http://www.tignes-spirit.com/store/details/29">este</a>, <a title="Sitio web que usa el plugin jScrollPane" href="http://www.tignes-spirit.com/store/details/29">este</a> y <a title="Sitio web que usa el plugin jScrollPane" href="http://www.lab-au.com/index.php?section=news">este otro</a>. Desde luego, hay que reconocer que estos sitios web que enlazo no lucirían de la misma forma que lucen si usaran la barra de "scroll" estándar de los navegadores: de cualquiera de ellos.</p>]]></description>
      </item>
      
      <item>
       <link>http://www.bitacora.davidesperalta.com/jphysics-curioso-plugin-para-jquery/</link>
       <guid>http://www.bitacora.davidesperalta.com/jphysics-curioso-plugin-para-jquery/</guid>
       <pubDate>Mon, 03 Nov 2008 21:00:59 +0100</pubDate>
       <title><![CDATA[ jPhysics, curioso plugin para jQuery ]]></title>
       <description><![CDATA[<p><img class="floatleft" src="http://www.bitacora.davidesperalta.com/archives/images/logotipo-jquery.png" alt="Logotipo de jQuery" width="180" height="195" />Un par de párrafos al menos para reseñar el plugin <a title="Sitio web del plugin jPhysics en jQuery.com" href="http://plugins.jquery.com/project/jphysics">jPhysics para jQuery</a>, cuya utilidad real yo no sé dársela, pero, estoy seguro de que la tiene, más allá de lo curioso que resulta su funcionamiento, que, puedes ver en este <a title="Ejemplo de uso del plugin jPhysics" href="http://www.inf.ufrgs.br/~rcpinto/physics/">ejemplo de uso</a>. A uno se le ocurre algo así como el programa <a title="Archivo de la etiqueta Phun en esta bitácora" href="http://www.bitacora.davidesperalta.com/tag/phun/">Phun</a>, capaz de "emular" un entorno físico, esto es, con su fuerza de gravedad, "vientos" y cosas así. El plugin jPhyshics podría sentar las bases de algo parecido.</p>
<p>Pero, fuera de tonterías, el ejemplo de uso que enlazo más arriba da como para quedarse unos minutos probándolo con distintos parámetros. No deja de ser una prueba más de que Javascript puede dar bastante de sí, como lo han dejado claro la cantidad de bibliotecas, como jQuery, sin ir más lejos, que, además han dado pie a un montón de personas a idear plugins y demás añadidos, basándonse en ellas, que, igual de otra forma no hubieran llevado nunca a cabo. Como jPhysics. Al final va a resultar cierto el lema de jQuery: "otra forma de escribir Javascript". Nna forma muy atractiva, por lo visto.</p>]]></description>
      </item>
      
      <item>
       <link>http://www.bitacora.davidesperalta.com/buen-color-picker-con-jquery/</link>
       <guid>http://www.bitacora.davidesperalta.com/buen-color-picker-con-jquery/</guid>
       <pubDate>Mon, 27 Oct 2008 16:11:09 +0100</pubDate>
       <title><![CDATA[ Buen "Color Picker" con jQuery ]]></title>
       <description><![CDATA[<p><img class="floatleft" src="http://www.bitacora.davidesperalta.com/archives/images/logotipo-jquery.png" alt="Logotipo de jQuery" width="180" height="195" /> Hay muchos "Colors Pickers" para la <a title="Sitio web jQuery.com" href="http://www.jquery.com">biblioteca jQuery</a>, pero, no de todos voy a hablar aquí, por varias razones: primero, porque cuando necesites uno, harás bien en buscar información y hacer tus pruebas por tu cuenta, y, en segundo lugar, porque no todos son como el plugin <a title="Sitio web del plugin Really Simple Color Picker para jQuery" href="http://www.web2media.net/laktek/2008/10/27/really-simple-color-picker-in-jquery/">"Really Simple Color Picker"</a>, muy digno componente a tener en cuenta en tus proyectos cuando necesites un "Color Picker" o "Selector de colores".</p>
<p>El plugin es muy, muy sencillo, y acabo de probarlo en los cuatro navegadores en que suelo hacerlo y tú seguro que tienes en la cabeza. Funciona estupendamente y realmente se dedica sólo a su tarea, aunque cuenta con varias opciones, por ejemplo, para añadir colores "personalizados" en la "paleta" que muestra, o incorporar algunos a la "paleta" de colores predeterminada. Pero no se va en más florituras, lo que se agradece, y ha sido el motivo de referirlo aquí.</p>
<p>¿Quieres verlo tú mismo en funcionamiento? Aquí tienes su <a title="Demostración del plugin Really Simple Color Picker para jQuery" href="http://www.web2media.net/samples/color_picker/demo.html">demostración</a>. Seguro que te lo quedas, aunque sea en la memoria, para cuando te haga falta algo así. Pero no dejes (no sé para qué te lo digo, si es lo que vas a hacer) de buscar también por tu cuenta. Como digo, en el sitio web de los <a title="Plugins para jQuery" href="http://plugins.jquery.com/project/Plugins/date">plugins para jQuery</a> encontrarás otros "Colors Pickers", que igual se adaptan mejor a tu proyecto, nunca se sabe. Pero "Really Simple Color Picker" es para tener muy en cuenta en adelante.</p>]]></description>
      </item>
      
      <item>
       <link>http://www.bitacora.davidesperalta.com/plugin-para-jquery-wheelspiner/</link>
       <guid>http://www.bitacora.davidesperalta.com/plugin-para-jquery-wheelspiner/</guid>
       <pubDate>Sun, 26 Oct 2008 18:38:22 +0100</pubDate>
       <title><![CDATA[ Plugin para jQuery: WheelSpiner ]]></title>
       <description><![CDATA[<p><img class="floatleft" src="http://www.bitacora.davidesperalta.com/archives/images/logotipo-jquery.png" alt="Logotipo de jQuery" width="180" height="195" />Os presento el último plugin que he llevado a cabo para jQuery, muy sencillo, basado en otro existente, y que puede usarse para "incorporar" en una determinada casilla ("HTML input") una especie de "spiner", cuyo valor podrá establecer el usuario utilizando la rueda del ratón, además del teclado, por supuesto. El plugin en cuestión es WheelSpiner, y puedes informarte mejor en <a title="Página de WheelSpiner en jQuery.com" href="http://plugins.jquery.com/project/wheelspiner">su página web en jQuery.com</a> o en esta otra <a title="Página de esta bitácora" href="http://www.bitacora.davidesperalta.com/jquery-wheelspiner/">página de esta misma bitácora</a>.</p>
<p>En realidad puede que lo que quieras es echar un vistazo al plugin en acción: para eso y para descargarlo puedes también hacer uso de <a title="Ejemplo de uso de WheelSpiner" href="http://www.bitacora.davidesperalta.com/archives/projects/wheelspiner/example.html">este otro enlace</a>. En realidad el plugin no es ninguna maravilla, sólo son unas pocas líneas de código (espero que no muy problemáticas) y que he pensado para utilizarlo en <a title="Sitio web del gestor de bitácoras Gesbit" href="http://www.gesbit.com">Gesbit</a>, por cierto, aunque no sé si al cabo terminaré haciéndolo o no. Sea como sea, ahí queda, por si puede ser de utilidad para alguien. Quién sabe. ;)</p>]]></description>
      </item>
      
     </channel>
    </rss>