Blog: etiqueta Javascript

Ardilla Quio Ardilla Quio

24 de Septiembre de 2013

Obtener dirección postal con las coordenadas geográficas

En un artículo anterior vimos cómo obtener la ubicación geográfica del usuario con la API de geolocalización de HTML5. En este artículo vamos a profundizar en ese tema viendo cómo, a través de la latitud y longitud obtenidas, podemos conocer la dirección real del usuario.

Para conseguirlo, usaremos el Servicio de Codificación Geográfica de la API de Google Maps.

17 de Enero de 2013

HTML5: API de geolocalización (Geolocation API)

Una de las principales novedades de HTML5 fue la aparición de nuevas APIs de Javascript que aumentan la potencia de este lenguaje.

Una de ellas es la nueva API de geolocalización, que nos permite conocer la ubicación geográfica del usuario, siempre y cuando esté usando un navegador que la tenga implementada y que el usuario dé su permiso.

Aunque la primera impresión sea que sólo será útil para usuarios de navegadores móviles, la realidad es que éste utiliza otros medios además del GPS para calcular la ubicación del usuario, como por ejemplo a través de su dirección IP.

31 de Octubre de 2012

HTML5: Otras etiquetas nuevas

Como continuación a los artículos de introducción a HTML5 y HTML5: nuevas etiquetas semánticas y estructurales, vamos a revisar el resto de nuevas etiquetas que nos trae esta revisión del lenguaje.

La mayoría de las nuevas etiquetas añaden valor semántico al documento, pero algunas añaden funcionalidades que hasta ahora sólo se podían obtener usando Javascript o Flash.

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.

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.

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.

31 de Mayo de 2011

Introducción a jQuery (parte 2)

En la entrada introducción a jQuery ya vimos cómo empezar a utilizar esta librería. Hoy veremos algunos aspectos más avanzados de esta potente herramienta.

Empezaremos repasando cómo se puede cargar el código en la página web, luego veremos cómo se puede extender la funcionalidad de la librería con plugins, lo fácil que resulta AJAX con jQuery y, por último, cómo evitar conflictos con otras librerías.