Quantcast
Channel: Desarrollo web – Outbook
Browsing all 17 articles
Browse latest View live

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 Article



Javascript: 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 Article

PHP: 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 Article

Javascript: 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 Article

Javascript: 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 Article


Javascript: 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 Article

Flash: 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 Article

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. Ejemplo de appendTo() en Jquery:...

View Article


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...

View Article


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(){...

View Article

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. Ejemplo de appendTo() en el que se selecciona el...

View Article

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)

View Article

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...

View Article


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...

View Article

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...

View Article


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...

View Article

Automatizació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

Browsing all 17 articles
Browse latest View live




Latest Images