Excelente artículo acerca de la automatización de tareas con Gulp.js, un sencillo modo de aprender Gulp y mejorar la productividad en el día a día del desarrollo front-end. Automatización de tareas con Gulp.js
Archivos de la etiqueta: Desarrollo web
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;} […]
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 […]
Listas ordenadas: cambiar estilos de la numeración
A los elementos de lista se les pueden añadir por CSS bullets, números, letras, etc. que les precedan cuando son visualizados en el navegador, mediante la propiedad ‘list-style’, o bien asignarles una imagen de fondo mediante la propiedad ‘background’. Cuando se trata de listas ordenadas lo habitual es utilizar números: ol li {list-style:decimal;} Los números […]
CSS: Rollover de elemento de imagen
Es muy común la necesidad de que una imagen dentro de un enlace esté como elemento de imagen (IMG) y que al mismo tiempo deba tener un rollover: <p> <a href="#"><img src="imagen_estado_normal" alt="Imagen de ejemplo" /></a> </p> La solución habitual pasa por utilizar Javascript para hacer el cambio de imagen en el estado ‘sobre’. Pero […]
MySQL: reemplazar cadenas de texto de modo masivo
Basta una consulta muy sencilla: UPDATE tabla_de_la_bbdd SET campo_de_la_tabla = replace(campo_de_la_tabla,"texto-antiguo","texto-nuevo") Saber más: REPLACE Syntax (enlace externo, en inglés)
Javascript: equivalencia de método ‘appendTo’ de Jquery en Prototype
En Prototype no hay equivalencia al método appendTo() de Jquery (enlace externo, en inglés), pero se puede suplir creando un método para Prototype.
Jquery: Plantilla base para construir un plugin
He aquí el código: (function($){ $.fn.XXXX = function(options){ var defaults = { // Opciones por defecto opcion1: » ,opcion2: » } var op = $.extend(defaults, options); return this.each(function(){ $(this).XXXX(); }); } })(jQuery);
Mini-guía de introducción a HTML 5
Tras aproximadamente una década de HTML 4.01 y XHTML 1.0, el W3C está a punto de sacar una nueva versión del estándar con unos cambios muy interesantes. Por ello, para introducirse en los cambios más notorios, estoy preparando una pequeña guía de los mismos. No está terminada, pero creo que los conceptos más importantes ya […]
Javascript: equivalencia de método ‘appendTo’ de Jquery en Prototype
En Prototype no hay equivalencia al método appendTo() de Jquery (enlace externo, en inglés), pero hay un modo de suplirlo.