Crea una pagina di visualizzazione di notizie a piena pagina con i CSS e i widget RSS

Quando sei un blogger, è davvero importante stare al passo con le ultime novità all'interno della tua nicchia. Le persone ti prendono più sul serio quando sei uno dei primi a coprire un evento significativo - ancora di più se lo copri prima che i principali media mainstream ne prendano il vento.

Se sei un notizia blogger, l'importanza di rimanere aggiornati sulle ultime notizie è ancora più critica. Da quando ho iniziato a riguardare più eventi legati alle notizie sul mio blog, mi sono reso conto di quanto fosse importante monitorare costantemente le notizie in tempo reale. Dal momento che utilizzo due schermi con il mio portatile, mi sono reso conto che avrei potuto configurare uno schermo esclusivamente per lo streaming dei notiziari in entrata.

L'unico problema è che mentre ci sono applicazioni decenti per lo streaming di singole linee di notizie, come Yahoo Widgets o GlowDart, queste schermate coprono solo un flusso molto piccolo di testo in arrivo, oppure sono difficili da personalizzare per apparire esattamente nel modo desiderato una sorta di modalità a schermo intero.

Creazione di una visualizzazione di notizie in tempo reale a piena pagina

Per risolvere questo problema, mi sono reso conto che avrei dovuto costruire qualcosa da solo. Dal momento che non volevo prendermi il tempo per scrivere un'intera applicazione, ho deciso di creare una pagina web con i flussi RSS incorporati. Potrei visualizzare quella pagina aprendo il mio browser in modalità a schermo intero.

Gli strumenti che ho usato per creare questa pagina e tutto ciò che serve per crearne uno sono un modello di pagina web gratuito basato su CSS (ho scelto il modello di business gratuito creato da SliceJack) e un account Google per l'accesso a Google Web Elements e Google Alert.

Ecco come appariva il modello di business predefinito di SliceJack prima che iniziassi con l'hacking del codice di background.

Questo è il mio metodo preferito per creare pagine web, lo ammetto - odio reinventare la ruota. Questa pagina contiene tutti gli elementi che voglio integrare nella mia ultima pagina web di streaming di notizie.

I due elementi in alto - l'articolo principale e l'immagine - Vado a cancellare. Quello che voglio veramente usare sono le tre colonne al centro della pagina.

Quando scarichi il modello sul tuo computer, troverai il file index.html nella cartella principale, ma i file .css in una cartella stylesheets. Visualizzando il file index.html, di solito è piuttosto semplice trovare le sezioni che si desidera modificare. In questo caso, sto modificando la barra in alto da visualizzare “Le mie notizie” e cambiando i collegamenti del menu a diverse categorie per cui creerò ulteriori pagine di notizie.

Di solito puoi trovare le sezioni della pagina cercando il