BuddyPress: cargar actividad automáticamente con el scroll

BuddyPress: cargar actividad automáticamente con el scroll

Una funcionalidad que me parece muy interesante en Facebook, Twitter, etc. es la de cargar automáticamente más items al hacer scroll hacia abajo y llegar cerca del pie de página, sin necesidad de hacer click en un botón que diga “Cargar más” por ejemplo. Esta especie de “lazy loading” de ítems puede aplicarse perfectamente en nuestra red social hecha con BuddyPress.

Últimamente estuve investigando y me las arreglé para crear un snippet que hace que al acercarse al final del “muro de actividad”, se carguen más ítems (actualizaciones de estado, fotos, comentarios, etc.) en forma automática vía AJAX, es decir, sin refrescar la página.

Lo comparto con uds. pero les advierto que no tuve tiempo aún de convertirlo en un plugin (tengo pensado hacerlo en el futuro próximo) de modo que deberán editar el código a mano.  

Código /*comentado*/ Etiquetas: , , , , , ,

Tinycon: manipulando el favicon con Javascript

Tinycon: manipulando el favicon con Javascript

Tinycon es una librería de Javascript que permite manipular el favicon de nuestro sitio web cambiando la imagen o agregando notificaciones con números con fondo rojo (al estilo de los favicons de Facebook o Gmail que muestran la cantidad de mensajes no leídos).

En Internet Explorer u otro navegador que no soporte canvas ni favicons dinámicos, el script agrega en el título de la página el número de notificaciones nuevas. Está muy bueno porque las alertas a través del favicon hacen que los usuarios no necesiten tener la pestaña en foco para saber si hay nuevas actualizaciones.  

Código /*comentado*/ Etiquetas: ,

Generar emails con formato HTML e imágenes desde PHP

Emails hechos con PHP

Ok, muchos sabemos usar la función mail() de PHP, que lo que hace es enviar un email desde el lado del servidor a una casilla designada, en la mayoría de los casos partiendo de un formulario de contacto o similar desde el frontend.

Ahora (corrígeme si me equivoco) es bastante deprimente ver que nuestro email no tiene formato ni diseño que lo destaque o lo haga más atractivo. Sigue leyendo, entonces, para enterarte cómo enviar emails “enriquecidos” desde PHP.

 

Código /*comentado*/ Etiquetas: , , ,

Space Invaders online: pura nostalgia en 8 bits

Los archiconocidos marcianitos invasores de 8 bits están por todos lados, los tenemos en remeras, pines, fondos de pantalla y mil cosas más.

Pero veo que, a pesar del amor que muchos les profesan, no todos han tenido la posibilidad de jugar al Space Invaders original. Para remediarlo (y mientras te consigues una Atari original en alguna reventa), te dejo esta versión en flash para que juegues y juegues sin parar.

 

Cosas geeks Etiquetas: , , , , , ,

jQuery: 10 mini tutoriales para principiantes (que saben Javascript) – Parte 2

Seguimos con más “mini tutoriales” para aprender a utilizar jQuery en poco tiempo. Si es la primera vez que te encuentras con esta librería de Javascript seguramente te interese leer el artículo anterior, que incluye ejemplos más básicos.
Esta vez toca aprender a agregar, quitar o modificar el HTML y CSS de tu sitio, crear animaciones simples y setear handlers de eventos, de modo que ¡comencemos!

 

Código /*comentado*/ Etiquetas: , , ,

CSS: efecto de opacidad en Internet Explorer

Ya sabemos que Internet Explorer no respeta los estándares. Muchas veces tenemos que recurrir a Javascript para lograr algún efecto crossbrowser, pero hay que estar atentos porque a veces sólo con una liñita de CSS (y filtros nativos de IE) podemos llevar a cabo efectos de forma sencilla.

Algo muy utilizado es el efecto de opacidad, para dejar ver un fondo, destacar elementos, etc. No hace falta que te descargues un plugin de jQuery; aprende cómo usar el filtro de opacidad nativo de IE en un par de segundos.

 

Código /*comentado*/ Etiquetas: , , ,

Expresiones regulares para matchear usuarios de Twitter y Hashtags

Si quieres reconocer nombres de usuarios de Twitter y/o hashtags dentro del texto de los tweets para hacer lo que sea con ellos (por ejemplo, linkearlos a perfiles y páginas de tu sitio en vez de a Twitter), la forma más sencilla es a través de expresiones regulares.

La mayoría de los tutoriales que hay dando vueltas por la web tienen algún que otro error que con el tiempo, salta a la vista. Por suerte Stephen Granade se ha tomado el tiempo de hacerlo bien y compartirlo. ¿Te parece si le echamos un vistazo?

 

Código /*comentado*/ Etiquetas: , , , , , , ,

jQuery: 10 mini tutoriales para principiantes (que saben Javascript) – Parte 1

La idea de estos mini tutoriales es que los que recién están comenzando con jQuery puedan ponerse en marcha rápidamente y conseguir llevar a cabo algunas tareas muy útiles en cortísimo tiempo. Hay que perderle el miedo a lo “desconocido” y probar nuevas tecnologías constantemente así que, si querías ver qué tal es jQuery y aún no te animabas ¡sigue leyendo!

 

Código /*comentado*/ Etiquetas: , , ,

Optimizando el tiempo de descarga de nuestro sitio con Google Page Speed

Optimizando el tiempo de descarga de nuestro sitio con Google Page Speed

El 9 de abril (de 2010, para quienes lean esto mucho más tarde) me encuentro con que un amigo de un amigo de un amigo tweeteó que “Google ahora empieza a tomar en cuenta el tiempo de carga de los sitios a la hora de posicionarlos”. Todos nos metimos en el link a la nota en el Blog de Google para webmasters y comenzamos a leer de qué iba el asunto.

 

Noticias Web Etiquetas: , , , , ,