Se sorprenderá de la cantidad de datos disponibles en la web a través de fuentes RSS o ATOM:búsquedas de Twitter, sus últimos diggs, alertas de búsqueda de Google, sus propias categorías de blog y mucho más. Solo tienes que buscar ese ícono naranja y seguramente encontrarás muchos más datos valiosos, a la espera de ser utilizados.
Hoy estamos creando un widget de feed elegante , que buscará cualquier feed y lo mostrará en la barra lateral de tu blog. Puedes configurarlo para que muestre las últimas publicaciones de las diferentes categorías de tu blog, tus últimos tropiezos o incluso las personas que te mencionan en Twitter.
Así que adelante, descargue el archivo de demostración desde el botón de arriba , y sigue leyendo..
Resolución de problemas
Antes de pasar al desarrollo, tenemos que aclarar por nosotros mismos cuál es nuestro objetivo, discutir algunos problemas potenciales y sus soluciones.
Problema 1:obtención de feeds
El widget se basa completamente en el front-end, por lo que tenemos que encontrar una manera de obtener los feeds directamente con JavaScript. AJAX es una gran tecnología, pero existen restricciones de seguridad que la limitan a obtener datos solo del dominio actual. Esto significa que no podemos acceder a los feeds directamente y mostrarlos.
Aquí es donde YQL viene junto con. Obtiene el feed que queremos y lo pone a disposición de nuestro script como un JSON normal. objeto que luego podemos repetir e imprimir en la página.
Sin embargo, configurar YQL para que funcione es complicado (tenemos que incluir dinámicamente un
Cómo crear un formulario receptivo con funcionalidad de filtro usando HTML, CSS y JavaScript
Recreación de la funcionalidad del filtro de Instagram con las API de CSS y Canvas
🎩 ¡Combinaciones SCSS mejoradas con JavaScript! 🎩 - Uso de lienzo para efectos especiales de interfaz de usuario únicos
Divertirse con CSS3:Periódicos giratorios
CSS/Javascript para forzar la fila de la tabla html en una sola línea
anular:host css en marco iónico