Avisar de contenido inadecuado
Expand

¿Cómo debemos crear Arrays, Objetos y Funciones en Javascript?

En Javascript existen lo que se llaman las funciones constructoras. Son funciones que nos permiten crear objetos cuando las llamamos con el operador new.

Todos los "tipos de dato" (arrays, funciones, strings...) en Javascript tienen su funcion constructora correspondiente, aunque para crear estos elementos se recomienda utilizar la llamada 'notación literal'

Pero... ¿por qué no conviene usar las funciones constructoras…

  • new Object()
  • new Array()
  • new Function()
  • new Boolean()
  • new String()
  • new Number()

…para crear objetos, arrays, funciones o datos de tipo booleano, string o number?

{
}
Expand

onBeforeUnload: Cómo recordarle al usuario que grabe antes de cerrar una pagina

Hace poco me surgió para un proyecto la necesidad de interceptar el cierre de la pestaña del navegador. La idea era que si el usuario estaba editando los datos de un formulario y cerraba la pestaña sin haber guardado estos datos, se le avisara de que iba a perder los datos y se le diera la oportunidad de cancelar el cierre y guardar la información del formulario.

Asi que investigando un poco descubri el evento onBeforeUnload que se comporta de una forma peculiar.

onBeforeUnload se lanza antes de que se descargue el contenido de la pagina, y es una funcion que está integrada en la mayoria de los navegadores. En los navegadores donde no esté definida simplemente se ignora la asignación de este evento.

El tema es que el manejador de este evento debe devolver una cadena que es la que se mostrará al usuario junto con los botones de “Abandonar la página” o “Permanecer en la página”

Expand

10 Extensiones de Firebug que deberias conocer

Logo Firebug

Si estas en el mundo del Desarrollo Web, es muy probable que ya conozcas Firebug.

Este popular plugin de Firefox nos permite, entre otras cosas, hacer debug del Javascript, cambiar el CSS de tus paginas en tiempo real y ver el trafico de red de tu pagina.

Pero aparte de lo que viene de serie, Firebug nos permite añadirle funcionalidades a traves de extensiones. Algunas de estas extensiones se estan convirtiendo en imprescindibles para muchos diseñadores y programadores web.

Asi que aquí os dejo una lista de las 10 extensiones para Firebug que considero más interesantes:

Expand

Pixelovers en la jsConf.eu 2010 de Berlin

http://stc.obolog.net/multimedia/fotos/908000/907530/907530-302760.jpg

Hace dos fines de semana se celebró en Berlin la versión europea de la conferencia más importante del JavaScript que hay actualmente: la jsConf

Y Pixelovers estuvo alli :-)

Esta conferencia se celebra 2 veces al año (una en EEUU y la otra en Europa) y suele ir la creme de la creme de los desarrolladores en JavaScript. Por poner algunos ejemplos, en la de Berlin estuvieron:

{
}
Expand

10 Blogs sobre Diseño y Desarrollo Web en castellano que deberías estar siguiendo

Encontrar blogs en castellano y de calidad sobre Diseño y Desarrollo Web no es nada fácil.

Si bien en inglés tenemos un montón de blogs excelentes como puede ser cualquiera de la red de Smashing Network, en castellano la cosa cambia.

Asi que en este post quiero compartir con vosotros una lista (totalmente subjetiva) de blogs que me gustan y que comparten ciertas caracteristicas:

  • Todos los blogs estan en castellano.
  • La mayor parte de su contenido se centra en JavaScript, XTHML, CSS, PHP y en general en el Diseño y Desarrollo Web. 
  • Son actualizados con bastante frecuencia.
  • En ellos podemos encontrar recursos, novedades y referencias prácticas y muy interesantes.
  • Utilizan un lenguaje claro y cercano.

No son todos los que estan, ni estan todos los que son, pero si creo que esta es una serie de blogs a los que merece la pena seguirles la pista.

Ahí van…

Expand

Codificando XHTML y CSS más rapido con Zen-Coding

Zen Coding es un plugin que está disponible para casi todos los editores del mercado y con el que podras codificar HTML/XML/CSS a gran velocidad.

Este plugin nos ofrece dos funcionalidades:

  • Expansión de abreviaciones: con unas abreviaciones determinadas (muy sencillas, ya que son muy parecidas a los selectores de CSS) podremos generar gran cantidad código HTML/XML/CSS con una simple combinación de teclas.
  • Selección de bloques (pares de tags): Pudiendo realizar una serie de acciones como seleccionar pares de tags, ir a zonas editables de los tags, envolver (wrap) un bloque con otras abreviaciones, comentar/borrar bloques y más cosas.

Para que veais lo que se puede hacer con este plugin os dejo aquí un video.

También hay disponible una demo online desde la que podeis probar su funcionamiento via web (CTRL+E para expandir, requiere Javascript)

Expand

Sticky Footer: Como mantener el Footer en la parte inferior del navegador

En la maquetación de nuestros sitios web nos encontramos muchas veces con que tenemos que solucionar un pequeño problema: necesitamos mantener el footer pegado al pie de la pagina sea como sea el contenido de esta.

Este tipo de problema con el Footer tambien lo puedes encontrar por la red con el nombre de  “Sticky Footer “ (Pie de pagina pegajoso) y aunque hay varias soluciones por la red,  yo voy a compartir aquí una que me funciona muy bien. Y si algo te funciona, ¿para que cambiar? ¿No?

Expand

jQuery Mobile: jQuery para teléfonos moviles

http://stc.obolog.net/multimedia/fotos/861000/860626/860626-284172.jpg

John Resig (creador de jQuery),  nos presentaba  hace unos dias oficialmente el nuevo proyecto del equipo de jQuery: jQuery Mobile.

Hasta ahora, para el desarrollo frontend de webs para dispositivos moviles habia que utilizar plantillas de diseño que podiamos encontrar por la red y plugins del tipo jQTouch, pero no habia una solucion integrada y estable… hasta ahora.

Expand

Rediseño de Flickr

El otro día Juanma comentó sobre Facebook Facelift, el lavado de cara de Facebook y hoy me he encontrado que Flickr han cambiado la página de fotos. Hay que reconocer que el mensaje es muy llamativo: "We're introducing a new photo page, and you can check it out early. Take me to the future!" que viene a significar: "Estamos presentando una nueva página de foto y tu puedes echarle un vistazo antes de tiempo. ¡Llévame al futuro!

Flickr anuncia nueva página de foto

 

Expand

Facebook Facelift, el lavado de cara de Facebook

facebook faceliftEn febrero de este año, Facebook hizo el ultimo cambio en su interface. Con este cambio se mejoró la navegabilidad de la aplicación y puso mas a mano las opciones mas usadas por los usuarios.

Pero desde algunos puntos de Internet piden un cambio más radical de la interface de Facebook.

Este es el caso de  The Facebook Facelift que es una iniciativa promovida por Barton Smith para mejorar la interfaz de Facebook con un nuevo diseño que mejora la distribución del contenido y la experiencia de usuario.

La iniciativa tiene un grupo dentro del mismo Facebook para sumar apoyos a esta propuesta.