SPA: simple, rápida, económica. Cómo se hizo Borrasca

Hace ya algunos meses saqué una aplicación de predicción meteorológica para experimentar un poco con Backbone y Phonegap. Se trata de una aplicación ‘Single Page Interface’ (gracias a Backbone.js) que se puede utilizar en un navegador web, ya sea de escritorio o móvil, o como aplicación en plataformas móviles (aunque sólo la he construido y […]

SliceAnchor: Crear un ancla sin necesidad de enlace con Jquery

En las ocasiones en las que se está utilizando el hash en la url del navegador utilizar un enlace como ancla puede ser algo un poco conflictivo (ya que al utilizarlo cambiaría el hash). Es algo muy típico de aplicaciones que en lugar de recargar la página van pidiendo datos al servidor y recargando las […]

Mixin SCSS para dar estilos a campos con atributo placeholder

Un sencillo mixin SCSS para darle color al texto del placeholder, distinto del que lleve el campo de formulario: @mixin input-placeholder($color) { &.placeholder {color: $color;} /* if not supported, Javascript should add class */ &:-moz-placeholder {color: $color;} /* Mozilla Firefox 4 to 18 */ &::-moz-placeholder {color: $color;} /* Mozilla Firefox 19+ */ &::-webkit-input-placeholder {color: $color;} […]

Javascript y expresiones regulares: eliminación de espacios y tabulaciones en una cadena

A veces las cadenas de texto vienen con una ristra de espacios y tabulaciones indeseados en cualquier lugar de la cadena, algo que a veces no viene demasiado bien (por ejemplo si se necesita medir el número de caracteres para truncar el texto). Con sencilla expresión regular se puede solucionar el problema: /([\ \t]+(?=[\ \t])|^\s+|\s+$)/g […]

Javascript: Carrusel / Slideshow con Jquery

Hace un par de años publiqué un slideshow con Jquery, que tuvo buena acogida y resultó bastante útil. Hace poco lo he estado rehaciendo, en forma de plugin Jquery. Además el código es más legible y se añade la posibilidad de tener controles para ver los elementos ‘Anterior’ y ‘Siguiente’. Características: Plugin de Jquery Accesible: […]

Calendario accesible con Javascript (Jquery)

Llevaba tiempo queriendo montarme un calendario con Javascript, y dejar de depender de calendarios de terceros (que no siempre se ajustaban a lo que necesitaba), y por fin lo he hecho. Así que, lo publico por si a alguien le resulta útil. El calendario tiene las siguientes características: Posibilidad de insertarlo en línea (el comportamiento […]