SweetAlert, reemplaza los alerts y prompts Javascript por un bonito modal

Si has hecho desarrollo web, seguro que alguna vez te has encontrado con la necesidad de lanzar un aviso al usuario mediante JavaScript. O quizás pedirle confirmación para ejecutar un evento. Y seguro que has utilizado las sufridas funciones alert() y prompt() para ello.

Pero claro, el resultado es muy espartano, o incluso poco profesional, dependiendo de la web. Y aunque hay alternativas interesantes, como el widget Dialog de jQuery UI, necesitan de algo de tuneo porque de serie son un pelín toscas.

Hoy os voy a dar a conocer una librería fantástica que nos proporciona una alternativa bonita y agradable a la hora de mostrar los mensajes por pantalla: se trata de SweetAlert, de Tristan Edwards, y el resultado que obtenemos es espectacular.

Sigue leyendo

jQuery: Conocer si un selector existe

Hace unos meses hice una entrada describiendo cómo saber si una variable existía, y de paso explicar las diferencias entre null y undefined.

Hoy toca explicar cómo saber, mediante jQuery, si un selector está presente o no en el documento, para evitar errores al ejecutar acciones sobre un selector que no existe.

La verdad es que la solución es muy sencilla aunque un poco rebuscada, y todo porque jQuery siempre devuelve un objeto independientemente de si coincide o no:

if ( $(selector).length ) {
    // Hacer algo
}

Así de sencillo.

Recopilación de las diapositivas de SpainJS 2013 (Slides Compilation)

Un año más, los días 5 y 6 de Julio se ha celebrado el evento SpainJS 2013, esta vez en la Universidad Pontificia de Salamanca (Madrid). Se trata de una conferencia de desarrolladores de JavaScript con un enfoque internacional, con el inglés como lengua oficial.

For another year, on July 5th and 6th was held SpainJS 2013, this time at the Pontifical University of Salamanca (Madrid). It’s a JavaScript developer conference with an international focus, with English as the official language.

Al igual que hice el año pasado, recopilo los links a las slides de las charlas, que también se pueden encontrar en su página correspondiente de Lanyrd.

As I did last year, I collect the links to the slides of the talks, which also can be found on the corresponding page of Lanyrd.

Talks:

Workshops:

Edit: See event’s photos at Eventifier.
Edit: Reviews

Me parece genial que se promuevan iniciativas como ésta, y con el enfoque internacional que tiene. Espero que siga muchos años, y espero también poder asistir en un futuro.

I feel it’s great that such initiatives are promoted, and also the international focus it has. I hope it continues for many years, and I also hope to attend in the future.

Muchas gracias a los organizadores, a todos los ponentes, y a todos los asistentes que hacen posible que estos eventos sean viables.

Thank you very much to the organizers, all the speakers and all the attendees who make it possible for these events to be viable.

Curso de jQuery (I): Selectores básicos

JavaScript está de moda, eso es un hecho. Y esto es así debido a librerías como jQuery, que simplifican mucho la forma de trabajar con él. Todo lo que se puede hacer con jQuery se puede lograr también con JavaScript directamente, pero teniendo que teclear mucho más código y sufriendo adaptándolo para que funcione en todos los navegadores; jQuery nos libera de ésto y de mucho más.

No soy ningún experto en jQuery, ni mucho menos, pero con este pequeño curso básico intentaré enseñar, de manera práctica, a dar los primeros pasos y de paso pondré en orden lo que he aprendido hasta ahora. Iré mezclando jQuery y también jQueryUI, mostrando cosas básicas de uno y cómo trabajar con controles del otro.

En éste primer post veremos cómo utilizar los selectores básicos de jQuery para interactuar con los diferentes elementos de una página HTML. En la siguiente entrada mostraré otros selectores más avanzados, para no hacer de cada entrada un libro. Pero lo primero de todo es saber cómo incluir jQuery en nuestra web, y qué opciones tenemos. Vamos a ello:

Sigue leyendo