Blog

Ardilla Quio Ardilla Quio

21 de Mayo de 2012

Espacios en blanco en listas con inline-block

Un elemento con la propiedad CSS display: inline-block coloca los elementos en línea pero conservando las propiedades de bloque (alto, ancho, margen, relleno, ...), pero cuando establecemos una lista con el atributo display: inline-block aparece una separación de 4 píxeles entre los elementos de la misma, que puede echar abajo el diseño de nuestra web. En este artículos veremos distintas formas de solucionar este problema: unas modificando el HTML y otras usando sólo CSS.

04 de Mayo de 2012

jQuery, optimizando para aumentar el rendimiento: uso excesivo

Tras los artículos sobre cómo optimizar los selectores en jQuery, otras formas de optimizar jQuery y optimizar la manipulación del DOM con jQuery, en este artículo, último de esta serie, vamos a tratar técnicas de optimización que se basan en no usar jQuery más de lo necesario, ya que utilizar simple javascript es mucho más rápido, así como técnicas para evitar que jQuery ejecute funciones de forma innecesaria.

16 de Abril de 2012

Perfiles en Facebook

Facebook se ha convertido en los últimos años en una herramienta casi imprescindible en la sociedad actual, modificando la visión de las relaciones personales y profesionales. Pero, ¿conocen sus usuarios las opciones que esta aplicación les ofrece? Por ejemplo, ¿tenemos el perfil más adecuado a nuestras necesidades? Facebook ofrece distintos dos tipos de perfiles, perfil de usuario y página o Fan Page.

04 de Abril de 2012

jQuery, optimizando para aumentar el rendimiento: el DOM

En artículos anteriores vimos cómo optimizar los selectores en jQuery y otras formas de optimizar jQuery para conseguir un mejor rendimiento de nuestro código. En este artículo trataremos sobre la manipulación del DOM, una acción que es tan costosa que debe tratarse con mucho cuidado.

Recordar que, para la mayoría de proyectos no es necesario rehacer el código pero que siempre podemos tener en cuenta estas pautas en adelante.

21 de Marzo de 2012

Perdiendo sesiones en los iFrames con Internet Explorer

El uso de iFrames es una técnica desaconsejada por muchos programadores, pero aún así y a pesar del alto consumo que provoca en los navegadores, es necesario usarla a la hora de realizar algunos trabajos, como pueden ser las nuevas aplicaciones para Facebook, que deben estar incustradas en un iFrame. Este método, cuando nos manejamos con IE, puede provocar que no funcionen correctamente las sesiones.

06 de Marzo de 2012

jQuery, optimizando para aumentar el rendimiento: varios

En un artículo anterior vimos cómo optimizar los selectores en jQuery para conseguir un mejor rendimiento de nuestro código. En este artículo veremos varias técnicas que persiguen el mismo objetivo.

Como se explica en el anterior artículo, para la mayoría de proyectos es innecesario preocuparse de la optimización aunque, si bien la mejora no justifica rehacer el código de proyectos antiguos, siempre podemos realizar los nuevos siguiendo estas pautas. Además, algunas de las técnicas que se explican en este artículo, sí pueden suponer una gran mejora en los tiempos.

07 de Febrero de 2012

jQuery, optimizando para aumentar el rendimiento: los selectores

En este artículo veremos algunos consejos para aumentar el rendimiento y la velocidad de ejecución del código jQuery. En este primer artículo vamos a centrarnos en los selectores. Aunque para la mayoría de proyectos es innecesario preocuparse de la optimización, ya que el beneficio que se obtiene es ínfimo, para algunos proyectos en los que se hace un uso intensivo de javascript, unos milisegundos en cada acción pueden suponer una gran diferencia. Además, si bien la mejora no justifica rehacer el código de proyectos antiguos, siempre podemos realizar los nuevos siguiendo estas pautas.

17 de Enero de 2012

LESS: Usando CSS dinámico

Cuando CSS nació solo era una herramienta para modificar algunos estilos básicos en una página web. Con el tiempo los desarrolladores encontraron una potente herramienta en este lenguaje, optimizando su uso no solo para cambiar estilos sino para ser capaz de controlar toda la parte visual de una página web en cualquier dispositivo que nos encontremos. Ahora han ido un paso más allá, creando herramientas de pre-procesado de CSS, que consiste en extenderlo para usar variables, reglas anidadas, mixins o funciones. Entre estas herramientas se encuentran LESS o SASS.

30 de Diciembre de 2011

jQuery: asociar eventos a elementos HTML creados dinámicamente

Para asociar eventos a elementos HTML con jQuery basta con usar bind() (o cualquiera de sus variantes) en el elemento y, cuando se cargue el código javascript, el evento quedará asociado. El problema viene dado cuando el elemento al que queremos asociar un evento no existe en el momento de cargar el javascript, sino que será creado dinámicamente en algún momento. Hasta que el elemento exista, no se le pueden asociar eventos. En este artículo veremos cómo podemos solucionar este problema con la función on() de jQuery.