<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">

  <title><![CDATA[Arturo Campos]]></title>
  <link href="http://arturocr.github.com/atom.xml" rel="self"/>
  <link href="http://arturocr.github.com/"/>
  <updated>2013-05-08T21:17:47-06:00</updated>
  <id>http://arturocr.github.com/</id>
  <author>
    <name><![CDATA[Arturo Campos]]></name>
    
  </author>
  <generator uri="http://octopress.org/">Octopress</generator>

  
  <entry>
    <title type="html"><![CDATA[Position fixed en Android 2.2+]]></title>
    <link href="http://arturocr.github.com/blog/2013/04/09/position-fixed-en-android-2-dot-2-plus/"/>
    <updated>2013-04-09T00:42:00-06:00</updated>
    <id>http://arturocr.github.com/blog/2013/04/09/position-fixed-en-android-2-dot-2-plus</id>
    <content type="html"><![CDATA[<p>Hasta no hace mucho para mi era un secreto que el navegador de Android 2.x no soporta <code>position: fixed</code>. Algo tan simple y tan clásico que permite implementar layouts amigables.</p>




<p>Sin embargo, existe uno de esos trucos que uno simplemente no comprende su razón de ser.</p>


<!-- more -->


<p>Resulta que si agregamos a nuestro meta tag <code>viewport</code> el segmento <code>user-scalable=no</code>, el browser se comporta de la manera que necesitamos y nos brinda el soporte para <code>position: fixed</code>.</p>




<figure class='code'><figcaption><span>user-scalable=no </span></figcaption>
 <div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class='line-number'>1</span>
<span class='line-number'>2</span>
<span class='line-number'>3</span>
<span class='line-number'>4</span>
</pre></td><td class='code'><pre><code class='js'><span class='line'><span class="o">&lt;!</span><span class="nx">DOCTYPE</span> <span class="nx">html</span><span class="o">&gt;</span>
</span><span class='line'>  <span class="o">&lt;</span><span class="nx">head</span><span class="o">&gt;</span>
</span><span class='line'>    <span class="p">...</span>
</span><span class='line'>    <span class="o">&lt;</span><span class="nx">meta</span> <span class="nx">name</span><span class="o">=</span><span class="s2">&quot;viewport&quot;</span> <span class="nx">content</span><span class="o">=</span><span class="s2">&quot;width=device-width, user-scalable=no&quot;</span><span class="o">&gt;</span>
</span></code></pre></td></tr></table></div></figure>


<p>Magia negra! :)</p>

<p><small>Fuente: <a href="http://caniuse.com/css-fixed">caniuse.com</a> | Gracias a: <a href="http://twitter.com/yeco">@yeco</a></small></p>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[¿Qué hay de nuevo?]]></title>
    <link href="http://arturocr.github.com/blog/2013/04/09/que-hay-de-nuevo/"/>
    <updated>2013-04-09T00:20:00-06:00</updated>
    <id>http://arturocr.github.com/blog/2013/04/09/que-hay-de-nuevo</id>
    <content type="html"><![CDATA[<div class="embed-video-container"><iframe src="http://www.youtube.com/embed/T9_phoqEXSE "></iframe></div>


<p>Hola gente, hace un buen rato que no escribo por acá, es una tarea que me cuesta desempeñar a veces, pero a la vez es algo que quiero cambiar. Por eso, hoy vengo a actualizar un poco sobre qué hay de nuevo.</p>

<!-- more -->


<p>Bueno, muchas cosas interesantes han llegado a mi vida, pero la que más me tiene emocionado, es la llegada de nuestra primera hija! :) En este momento mi esposa está en la semana 20 de gestación, y esperamos a una niñita a la que llamaremos Sol.</p>

<p>Arriba comparto con ustedes un video del ultrasonido donde nos dimos cuenta de que se trata de una niña :)</p>

<p>Nuestros más cercanos amigos y familiares saben las ansias con las que esperábamos este momento. Y ahora es una maravillosa realidad. Es una noticia que nos llena de profunda alegría, y tengo el presentimiento de que va a ser una inmensa motivación en todos los ámbitos de mi vida.</p>

<p>Todos sabemos que un hijo implica gran cantidad de esfuerzos, y consume tiempo, energía y demás; algunos pensarían que esto puede afectar el rendimiento profesional, sin embargo <a href="http://johnpolacek.com/2013/03/24/how-getting-married-and-having-kids-made-me-a-better-programmer/">otros han pasado por el proceso opuesto</a> y los hijos han sido el empujón a un nuevo nivel de profesionalismo y dedicación. Y tengo la corazonada de que mi caso será igual.</p>

<p>Laboralmente me ha ido bien, <a href="http://edify.cr">Edify</a> es lo mejor que me pudo pasar profesionalmente y actualmente estoy envuelto en un proyecto que como todo otro proyecto acá, trae cosas nuevas a mi pila de conocimiento.</p>

<p>Un <a href="https://www.facebook.com/groups/webcr/permalink/440279139386468/">traspié en mi faceta freelance</a> anduvo recientemente entre mis asuntos diarios, pero nada de que preocuparse, de todo se aprende en esta vida.</p>

<p>Gracias a l@s que siguen este blog, espero mejorarlo poco a poco e irlo llenando de material útil y opiniones de su interés.</p>

<p>¡Pura vida!</p>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Opinión sobre el Motorola RAZR después de un mes de uso]]></title>
    <link href="http://arturocr.github.com/blog/2012/06/21/opinion-sobre-el-motorola-razr-despues-de-un-mes-de-uso/"/>
    <updated>2012-06-21T15:38:10-06:00</updated>
    <id>http://arturocr.github.com/blog/2012/06/21/opinion-sobre-el-motorola-razr-despues-de-un-mes-de-uso</id>
    <content type="html"><![CDATA[<p><img class="centered" src="http://st2.gsmarena.com/vv/pics/motorola/motorola-razr.jpg" width="200"></p>

<p>Hace ya más de un mes que soy dueño de un <a href="http://www.gsmarena.com/motorola_razr_xt910-4273.php">Motorola RAZR XT910</a> y quiero compartir mi experiencia hasta la fecha.<!-- more --></p>

<p>Al momento de comprarlo estaba indeciso sobre si elegir este modelo o el <a href="http://www.google.com/nexus/">Samsung Galaxy Nexus</a>. Si <a href="http://www.phonearena.com/phones/compare/Motorola-RAZR,Samsung-GALAXY-Nexus/phones/6503,5595">comparamos</a> ambos aparatos, poseen características muy similares, las principales diferencias son el tamaño y resolución de la pantalla y podríamos decir que una mejor cámara en el Nexus, más allá de eso estamos hablando de prácticamente lo mismo.</p>

<p>Sin embargo, ¿qué me llevó a decidirme por el RAZR? Bueno pues en concreto, el diseño! El Motorola RAZR tiene un diseño diferente a todo lo demás, es algo exclusivo, único y atractivo. Con esto no digo que el Galaxy Nexus sea feo, es solo que a mi gusto, el RAZR es especial&hellip; Tiene una línea agresiva y elegante al mismo tiempo y sus materiales son distintivo del modelo! La parte trasera de Kevlar es sumamente atractiva, sobra decir que también duradera&hellip;</p>

<p>El aparato es increíblemente delgado, en el momento que lo saqué de la caja no sabía si era real debido a su poco peso y delgadez!</p>

<p>Es simple, el celular es una belleza, nunca ví algo igual!</p>

<h2>Los Pros</h2>

<h3>Velocidad</h3>

<p>El procesador dual core de 1.2 GHz me deja más que satisfecho, y 1 GB de RAM es suficiente para tener una experiencia fluida y sin problemas.</p>

<h3>Cámara</h3>

<p>Aunque leí varias críticas de la cámara, no encuentro problema alguno con este aspecto&hellip; Cuenta con 8 MP, autofocus, y flash LED. Las fotografías son de muy buena calidad y no puedo quejarme al respecto&hellip; En condiciones de poca luz se puede ajustar la exposición por lo que no hay mayor problema. Además, es de rescatar que graba hasta en 1080p. Como muestra dejo este par de fotos que tomé con el RAZR.</p>

<p><img class="left" src="https://lh4.googleusercontent.com/-FP_ni36Fd34/T8OcwFc3MVI/AAAAAAAABTU/2YsRuMLaSQw/s890/2012-05-28_08-48-26_281.jpg" width="323"></p>

<p><img class="centered" src="https://lh3.googleusercontent.com/-8LuutjzLfLU/T77IdMorS4I/AAAAAAAABMU/08uHovGKXY4/s890/2012-05-24_17-03-31_997.jpg" width="323"></p>

<h3>La Pantalla</h3>

<p>Al igual que con la cámara, leí críticas, sin embargo, debo decir que me encanta la calidad de esta pantalla de 4.3&#8221;! Super AMOLED es lo mejor! Además con resolución qHD (540 x 960 pixeles) todo luce íncreible! El brillo inigualable, completamente lejos de ese tono verduzco que he visto en varios Galaxy S II&hellip; Gorilla Glass es lo mejor que le puede suceder a un celular, no hay manera de rayarlo (tampoco quiero intentarlo jeje).</p>

<h3>Su delgadez</h3>

<p>Motorola llevó la tecnología al límite y redujo el grosor de este teléfono a tan solo 7.1mm. Esto lo hace muy portable y cómodo, al ser un aparato grande uno pensaría que es incómodo de andar en el bolsillo, pero resulta lo contrario&hellip; Muchas veces he pensado que lo dejé botado, al no sentirlo en la bolsa&hellip;</p>

<p><img class="centered" src="http://popherald.com/wp-content/uploads/2011/10/motorola-droid-razr-kevlar-back.jpg" width="300"></p>

<h2>El Contra</h2>

<p>Digo el contra por un sólo motivo que es lo único que me ha disgustado de momento&hellip; <strong>Actualización</strong> es el gran problema, es una lástima que siendo este el teléfono insignia de Motorola, aún corra Gingerbread, la espera de Ice Cream Sandwich ha sido larga, muchos meses, incluso ya hasta teléfonos más viejos están recibiendo ICS y el RAZR sigue esperando&hellip; En estos días han aparecido varias filtraciones de la posible última versión del aparato, pero en este momento acabo de leer que probablemente la actualización se demore más para la versión internacional del aparato (o sea malas noticias para mi y otros miles).</p>

<p>No queda más que esperar por la actualización&hellip; ¬¬</p>

<hr />

<p>En conclusión, es un gran aparato y lo recomiendo completamente!</p>

<p>Espero esta opinión sea de su agrado&hellip; Escucho comentarios&hellip; :)</p>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[¿Cómo hacer funcionar jQuery UI en iOS?]]></title>
    <link href="http://arturocr.github.com/blog/2012/03/24/como-hacer-funcionar-jquery-ui-en-ios/"/>
    <updated>2012-03-24T00:13:00-06:00</updated>
    <id>http://arturocr.github.com/blog/2012/03/24/como-hacer-funcionar-jquery-ui-en-ios</id>
    <content type="html"><![CDATA[<p>Recientemente me encontré en una situación interesante, necesitaba hacer funcionar una aplicación ya existente en Safari para iPad.</p>

<p>Gracias al seguimiento de buenas prácticas y estándares que frameworks como <a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a> nos brindan, no fue necesario realizar cambios en cuanto a CSS se refería, sin embargo, me topé con el inconveniente de que los componentes de UI (en este caso sortable, draggable, droppable) que utilizaban jQuery UI no funcionaban adecuadamente en el iPad, y por supuesto, esto debido a que jQuery UI utiliza eventos de mouse, cuando en el iPad, hablamos de eventos touch.<!-- more --></p>

<p>Debido a esta situación emprendí la tarea de buscar una solución.</p>

<p>En primera instancia, opté por tratar de crear mis propios handlers para los eventos touch. Luego probé con un script (cuyo nombre y ubicación no recuerdo) que de cierto modo &ldquo;simulaba&rdquo; los eventos de mouse en el iPad, pero fue un fracaso.</p>

<p>Para mi fortuna, al final encontré una pequeña librería JavaScript que solucionó todos mis problemas. Les estoy hablando de <a href="https://github.com/furf/jquery-ui-touch-punch">jQuery UI Touch Punch</a> mantenida por <a href="http://furf.com/flip/">David Furfero</a>.</p>

<p>Lo que esta librería hace es que básicamente nos provee un conjunto de proxies para los eventos touch, que simulan los eventos de mouse, los cuales sí son correctamente interpretados por jQuery UI.</p>

<p>Así que simplemente agregué esta librería a mi aplicación y voilà, todo listo.</p>

<p>Les recomiendo le peguen una ojeada a la librería así como al código, siempre se puede aprender algo nuevo e interesante cuando leemos código escrito por otros.</p>

<p><strong>Nota:</strong> Estoy seguro de que esto funciona en iOS, pero es muy posible que también funcione en Android!</p>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Hola mundo!]]></title>
    <link href="http://arturocr.github.com/blog/2012/01/23/hola-mundo/"/>
    <updated>2012-01-23T21:46:00-06:00</updated>
    <id>http://arturocr.github.com/blog/2012/01/23/hola-mundo</id>
    <content type="html"><![CDATA[<p>No podría iniciar mi blog sin un genérico &ldquo;Hola mundo&rdquo;.</p>

<p>Este es mi primer blog (me agarró un poco tarde por cierto)<!-- more --> y espero que sea un espacio en el que pueda publicar información de utilidad para otros desarrolladores web, tips que me encuentro en mi diaria labor y opiniones sobre diversas noticias que para mi gusto son de curiosidad.</p>

<p>Trataré de convertir este blog en un espacio para compartir creactividad de manera activa!</p>

<p>Nos leemos pronto&hellip;</p>
]]></content>
  </entry>
  
</feed>
