Programmazione.it v6.4
Ciao, per farti riconoscere devi fare il login. Non ti sei ancora iscritto? Che aspetti, registrati adesso!
Info Pubblicità Collabora Autori Sottoscrizioni Preferiti Bozze Scheda personale Privacy Archivio Libri Corsi per principianti Forum
Regions ed Exclusions, una proposta Adobe per due nuovi moduli CSS3
Scritto da Fabio Lelli il 27-05-2011 ore 09:57
Intel Cluster Studio XE
I laboratori di sviluppo Adobe hanno proposto al W3C due nuovi moduli per i CSS3: Regions e Exclusions. Le specifiche non sono adottate da nessun browser attuale, e per questo Adobe ha predisposto un piccolo browser basato su webkit nel quale sperimentarle direttamente.

Qual è la ragione alla base di queste proposte? Come scrive Arno Gourdol in una dettagliata presentazione, i moduli dovrebbero consentire la costruzione di layout più complessi a imitazione di quelli usati per la stampa, mettendo quindi a disposizione del Web quei mezzi espressivi che allo stato attuale sono molto difficili, se non impossibili, da rendere tramite le tecnologie standard impiegate in una pagina internet.

Il modulo Regions propone una propria sintassi per far sì che uno stesso contenuto possa, per così dire, “scorrere” all’interno di una regione anche complessa costituita da più elementi. L’idea di base è separare il contenuto e le aree che andranno a costruire la regione, e poi associarli tramite le proprietà flow e content.

Con queste regole CSS il contenuto dell’elemento con id testo può essere inserito come un unico flusso negli elementi con classe regione:
  1. #testo {
  2. 	flow: “flusso_principale”;
  3. }
  4. .regione {
  5. 	content: from(flusso_principale);
  6. }
Un altro comune artificio delle riviste stampate è l’inserimento di un testo all’interno di un contenitore non rettangolare, o l’esclusione di una certa forma dalla casella di testo. Queste possibilità sono coperte dalle regole contenute nel modulo Exclusions tramite l’insieme di proprietà wrap-shape. Un modulo ricco di opzioni, con il quale possiamo anche disegnare grafica vettoriale, o interagire con immagini bitmap.

Il tutto poi, come mostrato dagli esempi, combinabile con JavaScript e media query per risultati davvero peculiari.
Precedente: Un runtime per eseguire applicazioni Android sotto Windows
Successiva: Xoscillo, un oscilloscopio software per Arduino e Parallax
Copyright Programmazione.it™ 1999-2013. Alcuni diritti riservati. Testata giornalistica iscritta col n. 569 presso il Tribunale di Milano in data 14/10/2002. Pagina generata in 0.229 secondi.