Pensate quale meraviglioso strumento grafico possa risultare la possibilità di far variare automaticamente una parte qualunque del proprio sito/blog al variare delle condizioni meteorologiche riferite ad una daterminata zona.
E' una effetto usato in maniera davvero affascinante, ad esempio, sul blog di Rosalio, ove nell'intestazione il panorama della città di Palermo, oggetto del blog, viene modificato in base al tempo di quel dato momento sulla città.
Ecco come realizzare ques'effetto:
Fase 1: progettazione grafica
Creare scenari meteorologici da abbinare alle condizioni meteo, come nella figura sottostante:
Fare 2: trovare le informazioni meteo
Nel nostro caso utilizzaremo le API di Yahoo, l'URL è formattato in questo modo:
Http://weather.yahooapis.com/forecastrss?p = 97211 & 97211 & e u = f
le 5 cifre indicano il tuo CAP e la "f" sta per "Fahrenheit" (cambia a "c" per "Celsius").
Per proseguire infine il tutorial trasformando i dati in una css class, vi rimando al post originale.
Via | css-tricks
Nessun commento:
Posta un commento