emmgfx

Evitar rebote del scroll en Chrome y Safari para Lion

Lo encontré ayer. Hay que tener en cuenta que lo que hace es evitar el scroll en general, no el rebote. Es útil cuando tenemos aplicaciones de tamaño fijo (por ejemplo cuando se está compilando html para una aplicación de smartphone) o cuando la estructura del diseño se adapta al tamaño (como Gmail con el último rediseño).

El CSS:

body{
   overflow:hidden;
}

El Javascript (jQuery):

$(function(){
   $(document).bind('touchmove',function(e){
      e.preventDefault();
   });
});

Evento "tab" / "tap" en jQuery

Hace unas semanas que empecé el desarrollo de una aplicación para iPhone, iPad, Android y web. Será una aplicación web compilada con Phonegap y que aparentará ser nativa. En principio se iba a utilizar el framework jQuery Mobile para agilizar el desarrollo, pero después de unos días de trabajo vi que quizá no era lo más adecuado y que la librería puede que no estuviera suficientemente madura (aún era Alpha) como para usarla en un proyecto así, de manera que se tiró para atrás la idea. Pensé que sería mejor hacer un desarrollo “desde 0″ con jQuery a secas.

El primer tropezón fue con el scroll. Parece una tonteria, algo que se solucionaría con 2 palabras en cualquier navegador ha llevado semanas de pruebas, dolores de cabeza y malas ideas. Ahora que parece que este tema está más o menos solucionado (ya escribiré sobre esto) me encuentro con otro: tenemos una lista con elementos seleccionables, pero después del uso de librerías para scroll y con lo dificil que lo pone Safari Mobile, no se podía hacer click en los elementos de la lista, el evento no se reconocía.

Ahora habría que utilizar un plugin para detectar los “tab” o “tap”, los toques en pantallas táctiles. El plugin es este:

Seguir leyendo y ver ó escribir comentarios →

ucfirst de PHP en Javascript

function ucfirst(string){
   return string.charAt(0).toUpperCase() + string.slice(1);
}

Por ejemplo:

foo = 'hello world!';
foo = ucfirst(foo);             // Hello world!

bar = 'HELLO WORLD!';
bar = ucfirst(bar.toLowerCase()); // Hello world!

Si la cadena esta entera en mayúsculas y se quiere tener sólo la primera, priemero se debería pasar toda a minúscula y después cambiar la primera.

Tildes en Javascript

Para mostrar tildes y otros carácteres especiales con javascript, por ejemplo en un alert() hay que hacerlo en unicode. En Nice entity hay una lista de conversión entre carácteres especiales y su versión en HTML y unicode.

Por ejemplo, á en unicode sería \u00e1, de manera que es prácticamente imposible recordar todos los carácteres, por eso lo más lógico es hacer una función que nos los convierta, así podemos escribir con los carácteres que queramos sin preocuparnos de la codificación, y luego aplicar la función.

Seguir leyendo y ver ó escribir comentarios →