Non il tuo standard CSS: spingendo i confini con Adobe
Ti piace sperimentare con un design web all'avanguardia ma ti senti in conflitto con le specifiche tecniche formali del W3C?
Hai dei dubbi sull'applicazione delle tue idee d'avanguardia mentre ottieni il supporto per browser incrociati e rispetta gli standard?
Bene il Adobe Web Platform Team è pronto a convincerti altrimenti ...
Se hai seguito il loro lavoro recente, sei già a conoscenza di come alcune delle menti più innovative del settore sono spingendo i bordi di Internet per renderlo un posto migliore. Quello che potresti non capire è l'impatto che stanno avendo anche sugli standard delle comunità HTML e CSS.
Collaborando con altri importanti attori come Microsoft, Google e Mozilla, il team di Adobe Web Platform sta spingendo gli standard CSS su più fronti partecipando con gruppi di standard web, venditori di browser, contributori di progetti open source e creatori di contenuti. Sono stati attivamente coinvolti con il W3C e hanno fatto diverse proposte, tra cui le regioni CSS, le forme CSS e il mascheramento CSS, contribuendo nel contempo a implementare tali proposte su WebKit, Blink, Gecko e Internet Explorer.
Regioni CSS
Recentemente, Regioni CSS , che colma il divario tra stampa e editoria digitale, è diventato l'ultimo ufficiale iOS7 Mobile Safari rilascio (insieme a modalità di fusione tela, percorsi tela e percorsi clip CSS). Gli sviluppatori possono ora utilizzare questa funzione su siti web e app web che prendono di mira tali dispositivi, con il supporto Android previsto a breve. Inoltre, le regioni CSS funzionano su Chrome, Webkit, una versione di Opera che utilizza il lampeggiare motore e l'implementazione parziale per IE10 utilizza una versione precedente delle specifiche CSS Regions.
Le regioni CSS ti consentono di controllare dove i contenuti vengono visualizzati sulla tua pagina e cosa succede quando il contenuto non si adatta al suo contenitore. Consente ai progettisti di dettare il flusso di contenuti ovunque desideriamo e in qualsiasi forma o dimensione desiderata. E poiché raggiunge la separazione del markup semantico dal markup del layout, possiamo usare le regioni CSS per iniettare il nostro contenuto in qualcosa che assomiglia a un modello. Questo è ottimo per i layout di riviste o strategicamente contenuto pieghevole , come la pubblicità, nei design reattivi.
Forme CSS
Un'altra area in cui Adobe sta sviluppando lo sviluppo, secondo l'ingegnere di Adobe Web Platform, Razvan Caliman , è con Forme CSS , ancora sotto un chrome: // flag . Questo non deve essere confuso con forme che sono semplicemente realizzate attraverso l'applicazione di proprietà CSS come border-radius o box-shadow come visto in Le forme dei CSS . Tali esempi forniscono solo l'illusione di una forma senza alcun rapporto con il layout effettivo del contenuto della pagina. CSS Shapes migliora letteralmente l'esperienza di storytelling visivo consentendo al designer di avvolgere il contenuto intorno o all'interno delle forme con poche semplici proprietà CSS.
Se non l'hai già visto, quello di Razvan Caliman Presentazione di Alice nel Paese delle Meraviglie su CSSconf.eu ti lascerà a bocca aperta.
Mascheratura CSS
Quasi perso nel clamore delle regioni CSS è CSS Clipping e CSS Masking , che ti ispirerà senza dubbio. Queste tecniche ora rendono possibile nel browser ciò che era possibile ottenere solo con il software di modifica delle immagini. Cattura alcuni effetti visivi straordinariamente semplici usando un gradiente lineare di base combinato con CSS Masking.
Sommario
È davvero un'era sorprendente di web design. Con gli sviluppatori di tutto il settore che cercano costantemente di spingere la busta, questi sono davvero tempi entusiasmanti.
Se questo tipo di progressi ti licenzierà, allora sicuramente vorresti prestare attenzione alle notizie di questa settimana Conferenza sugli sviluppatori HTML5 dove il team di Adobe Web Platform e molti altri saranno a disposizione per mostrarci come stanno reinventando il web design come lo conosciamo.
Le società dovrebbero essere autorizzate ad influenzare gli standard web? Quali innovazioni di Adobe ti entusiasmano di più? Fateci sapere che ne pensate nei commenti.