Sliding Labels jQuery en formularios

Una implementación que se esta viendo cada vez más seguido cuando hablamos de formularios, es la de las etiquetas que están dentro del campo y se desplazan hacia uno de los lados al recibir el focus por parte del usuario.

Para mi gusto no es de lo mejor, casi estoy seguro que muchos de los usuarios menos experimentados tendrán algún problema con esto, no obstante eso no quita que dentro de un tiempo todo el mundo conozca a los sliding labels porque lo utiliza algún gigante como Facebook, por eso me parece interesante hablar del plugin diseñado por CSS Karma.

Pueden ver una demostración en línea, aquí la captura como siempre:

desplazar etiqueta jQuery

El plugin es realmente liviano, tiene un peso aproximado de solo 2kb, obviamente estoy hablando de su versión comprimida que es la que deberíamos utilizar para no cargarnos con el peso adicional que representa las variables sin ofuscar, espaciado, comentarios, etc.

Otra característica es que para asignar a donde se aplicaran las sliding labels basta con indicarle al plugin el selector del formulario, y automáticamente se va a aplicar a todos los campos con etiquetas, algo sustancialmente más rápido que hacerlo manualmente.

Web: CSS Karma

Categorizado en: