Label.css: descrieri pe imagini unde vrei

A amplasa o descriere text peste o imagine nu este nici o treabă foarte chinuitoare, nici chiar floare la ureche. Pentru cei care nu sunt tocmai avansaţi în CSS şi doresc să rezolve problema rapid, proiectul Label.css este salvator. Dacă veţi descărca proiectul veţi avea două fişiere CSS: versiunea label.min.css ar fi cea de folosit (dar când scriu eu acest material, fişierul e identic cu label.css, adică necomprimat). Includerea respectivului CSS deschide posibilitatea amplasării cu uşurinţă a textului dorit în una din cele opt poziţii.

imagine

Adăugaţi imaginii clasa top şi middle de exemplu, dacă doriţi ca explicaţia să apară sus, centrată. Folosiţi data-label pentru a indica efectiv textul. Implicit descrierea apare pusă peste imagine tot timpul. Dar cu clasele …


Ghicitoare geografică cu GeoGuessr

Google Maps şi Google Street View sunt servicii web a căror utilitate a fost deja demonstrată îndeajuns. De la imagini panoramice, subacvatice, tururi pe stadioane până la biserici fortificate, fiecare colţ al planetei poate fi explorat, uneori chiar în direct, prin intermediul spaţiului web pe diferite device-uri într-un mod foarte simplu, chiar şi de pe canapeaua din camera de zi. Iată că cuiva i-a venit ideea originală să folosească aceste platforme web pentru a implementa un joc-ghicitoare pe teme geografice.

imagine

GeoGuessr vine din start cu imaginea unei locaţii de pe glob (Drumul din captură vă spune ceva? Da, îl găsiţi în România! J). Dacă credeţi că cunoaşteţi locul (priviţi cu atenţie …