Variables con valores negativos en LESS

Si estamos preparando nuestros estlos en LESS a menudo necesitamos asignar valores negativos a determinadas propiedades CSS (p.e.: margin-bottom: -15px). Para evitar errores en la compilación a CSS debemos usar paréntesis en la asignación cuando usemos el símbolo ‘-‘ para dar valores negativos:

 

margin-top:-(@width/2);
margin-top:-(round(@width/2));

Validar un solo campo en JQuery Validation

Para validar un único campo de un formulario configurado para ser validado con JQuery Validation tan sólo debes añadir la siguiente linea:

$(_selector_).valid();

donde “_selector_” es el selector JQuery del campo que deseas validar, por ejemplo:

$(“#txt_email”).valid();

Este método, además de poder mostrar/ocultar el error espécifico que hayas configurado en la declaración del método validate(), también devuelve true o false, con lo que podrás determinar además que acciones realizar en función de si la validación se realizó correctamente o no

 

http://jqueryvalidation.org/

Yamm – Bootstrap Megamenu

Yamm es un megamenu CSS responsivo que amplia el componente navbar de Bootstrap 3 para poder entre otras cosas simular un menu multinivel o multidropdown.

Además, podemos tener la capacidad de usar otros componentes Bootstrap dentro de los dropdown del componente navbar (formularios, paneles, listas de media…), así como el sistema de rejillas (grid) propio de Boostrap.

Página oficial de Yamm Boostrap Megamenu.

Como aplicar formato LESS en el editor de Eclipse (plugin)

Comentaros que existe un plugin en Eclipse para poder dar formato a los archivos de tipo LESS en Eclipse. En mi caso lo he probado en la versión Luna y funciona correctamente.

Podeís ver como instalarlo en la propia página del plugin less para eclipse

No olvidéis cerrar pestañas y reiniciar Eclipse trás su instalación.

Tweenjoy. Tweets más largos ahora en español

Hace poco escribía acerca de Tweenjoy, un website que permite escribir más de 140 caracteres en Twitter. Pues bien, hace poco han anunciado en distintas redes sociales (Facebook, Twitter y Google+) el lanzamiento de la traducción a español de su website.

Imagen

Bootstrap vs JQuery Mobile ¿Cual es mejor? Ventajas e Inconvenientes

Dicen que lo bueno, si breve, dos veces bueno. Así que para evitar que pierdas tu tiempo leyendo un extenso artículo tipo comparativa entre Bootstrap y JQuery Mobile con todas sus ventajas e inconvenientes y con el fin de simplicar esa duda que todos hemos tenido al intentar hacer nuestro primer proyecto responsivo te dire que la respuesta a la pregunta es: los dos y ninguno 🙂

Ambas son maravillosas en el desarrollo responsivo y ambas no pueden ser adecuadas para tu tipo de proyecto. Lo que debes hacer es preguntarte QUE tienes en mente hacer:

¿Quieres hacer una web corporativa que se vea visualmente atractiva en escritorio, tablets y móviles? En ese caso yo elegiría Bootstrap. Ojo, este verano lanzaron Bootstrap 3 que cambia el nombre de muchas clases CSS y estructura HTML respecto a Bootstrap 2, así que descarga la versión 3 y asegúrate de que tu búsqueda de tutoriales y ayuda se realice sobre esta versión. Empieza por entender el sistema de grids de Bootstrap 3. Puedes ver un ejemplo de web con Bootstrap 3

¿Quieres hacer una aplicación para móvil, con el aspecto de una aplicación nativa pero usando HTML/CSS? Entonces decídete por JQuery Mobile, sus numerosos componentes prediseñados no diferenciaran visualmente tu aplicación de una nativa. Yo lo veo especialmente útil para mostrar formularios complejos y puedes evitar que el usuario se desplace demasiado con el scroll. Puedes ver un ejemplo de web con JQuery Mobile

Tweenjoy. Descubre como escribir más de 140 caracteres en Twitter

Siempre he utilizado algunas herramientas para poder publicar tuits más largos en Twitter, el problema de estas herramientas es que o bien te dividen el tweet en varios (lo cual no me convence) o bien te genera un link que hace referencia a una página externa, cosa que no veo demasiado usable (mandas al lector a otra dirección para leer tu tweet largo). Ayer precisamente, buscando una alternativa, encontré una página que no conocía: www.tweenjoy.com

En Tweenjoy el proceso es distinto, generándote una imagen directamente en Twitter con el texto que quieras, y de manera opcional te permite añadir una introducción en la que poder poner tus referencias a usuarios, hashtags, urls, trending topics, etc…

Lo mejor de todo es que además de poder superar el límite de 140 caracteres, puedes cambiar el tipo de letra de tu tweet, los colores de fondo o tipografía, la alineación de texto y hasta te permite añadir fondos de patrones de imágenes a tu tuit. Perfecto si quieres relacionar tu tweet con alguna temática en especial.

Image

Tienen grupo en Facebook, Google+ y por supuesto en Twitter, donde parece que van anunciando sus mejoras y nuevas funcionalidades para esta potente herramienta.

Supongo que al ser multilenguaje permitirá a otros tuiteros extranjeros resolver las tan famosas preguntas “how to write longer tweets?” o “how to write more than 140 characters?” :).

Promete.

Como escribir mas de 140 caracteres en Twitter con tweenjoy