Créer un afficheur de nouvelles pages avec des widgets CSS et RSS

Lorsque vous êtes un blogueur, il est vraiment important de rester au courant des dernières nouvelles de votre créneau particulier. Les gens vous prennent plus au sérieux lorsque vous êtes l'un des premiers à couvrir un événement important - et encore plus si vous le couvrez avant même que les principaux médias grand public n'en prennent vent..

Si vous êtes un nouvelles blogueur, l’importance de rester au courant des dernières nouvelles est encore plus critique. Depuis que j'ai commencé à couvrir davantage d'événements liés à l'actualité sur mon propre blog, j'ai réalisé à quel point il était important de surveiller en permanence les informations en temps réel. Étant donné que j'utilise deux écrans avec mon ordinateur portable, j'ai réalisé que je pouvais configurer un écran exclusivement pour le streaming de tickers d'informations entrants..

Le seul problème est que, même s'il existe de bonnes applications pour la diffusion en continu de lignes uniques, telles que Yahoo Widgets ou GlowDart, ces affichages ne couvrent qu'un très petit flux de texte entrant ou sont difficiles à personnaliser pour donner exactement l'apparence souhaitée. une sorte de mode plein écran.

Créer votre propre page d'affichage en temps réel

Pour résoudre ce problème, je me suis rendu compte que je devrais construire quelque chose moi-même. Comme je ne voulais vraiment pas prendre le temps d'écrire une application complète, j'ai décidé de créer une page Web avec les flux RSS intégrés. Je pourrais afficher cette page en ouvrant mon navigateur en mode plein écran.

Les outils que j'ai utilisés pour créer cette page, et tout ce dont vous avez besoin pour créer le vôtre, sont un modèle de page Web gratuit basé sur CSS (j'ai choisi le modèle commercial gratuit créé par SliceJack) et un compte Google permettant d'accéder à Google Web Elements. Alertes Google.

Voici à quoi ressemblait le modèle métier par défaut de SliceJack avant de commencer à pirater le code d'arrière-plan.

C’est ma méthode préférée pour créer des pages Web, je l’avoue, je déteste réinventer la roue. Cette page contient tous les éléments que je souhaite intégrer à ma dernière page Web de diffusion en continu..

Les deux éléments en haut - l'article principal et l'image - je vais supprimer. Ce que je veux vraiment utiliser, ce sont les trois colonnes au centre de la page..

Lorsque vous téléchargez le modèle sur votre propre ordinateur, vous trouverez le fichier index.html dans le dossier principal, puis les fichiers .css dans un dossier de feuilles de style. En consultant le fichier index.html, il est généralement très simple de trouver les sections que vous souhaitez modifier. Dans ce cas, j'édite la barre du haut pour afficher “Mes nouvelles” et en modifiant les liens de menu en différentes catégories pour lesquelles je vais créer des pages de nouvelles supplémentaires..

Vous pouvez généralement trouver les sections de la page en recherchant le