Simulación de elemento SELECT con jQuery
He preparado un componente que simula un elemento SELECT, en el que se puede seleccionar una sola opción, que evita algunas de las limitaciones de los elementos SELECT de verdad, pudiendo dar formato a...
View ArticleJavascript: simular hover en Internet Explorer 6 con Prototype
Se trata de un sencillo script que nos permitirá evitar el problema de Internet Explorer 6 con la pseudo-clase :hover. Dicha pseudo-clase se puede aplicar a cualquier elemento, para que al pasar el...
View ArticlePHP: eliminar elementos duplicados en un array
Para eliminar los elementos duplicados en un array habrá que utilizar las funciones array_unique (enlace externo, en inglés) y array_values (enlace externo, en inglés). Si tenemos el siguiente array...
View ArticleJavascript: eventos mouseenter y mouseleave
Cuando estamos haciendo el típico menú desplegable por Javascript que despliega al pasar el puntero por encima de algún elemento puede ocurrir que se active el evento onmouseout sin que se salga del...
View ArticleJavascript: Actualización automática de CSS
Al maquetar puede resultar engorroso el andar ajustando un pequeño detalle en CSS y tener que actualizar la página cada vez que se cambia. He montado un Javascript simple para hacer más fácil la tarea...
View ArticleJavascript: equivalencia de método ‘closest’ de Jquery en Prototype
En Prototype no hay equivalencia al método closest() de Jquery (enlace externo, en inglés), pero hay algunas formas de suplirlo. Ejemplo de closest() en el que se selecciona el elemento LI ascendiente...
View ArticleFlash: importación de datos desde XML, dominios con eñe (ñ) y Firefox
Es habitual el uso de ficheros XML para mostrar datos en archivos SWF (Adobe Flash), simplifica mucho las cosas. Si tenemos, por ejemplo, una galería de imágenes en Flash, se puede generar un XML con...
View ArticleJavascript: 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. Ejemplo de appendTo() en Jquery:...
View ArticleMini-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...
View ArticleJquery: 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(){...
View ArticleJavascript: 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. Ejemplo de appendTo() en el que se selecciona el...
View ArticleMySQL: 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)
View ArticleCSS: 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...
View ArticleListas 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...
View ArticleCalendario 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...
View ArticleMixin 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...
View ArticleAutomatización de tareas con Gulp.js
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...
View Article
More Pages to Explore .....