Foundation 6.3 Ultimi aggiornamenti e What's Coming in 2017

La gente della comunità di sviluppatori della ZURB e della Fondazione ha lavorato duramente, spingendo verso il rilascio di un grande aggiornamento di Foundation for Sites. Entriamo, vediamo cosa sta succedendo in questo momento e chiedi al team cosa sta arrivando!

Cosa c'è di nuovo?

La Fondazione 6.3 apporta alcune modifiche sostanziali al framework, pur rimanendo fedele a ciò che lo rende così dannatamente buono.

Schede UI

Le carte stanno guadagnando sempre più popolarità come pattern sul web; sono un ottimo modo per mostrare ai tuoi utenti informazioni frammentate e funzionano perfettamente per i siti Web reattivi. Non solo, sono anche intuitivi, purché vengano utilizzati correttamente! 

C'è stato qualche dibattito sul mettere le carte nella Fondazione - è una componente che in realtà bisogno in un quadro reattivo, o dovresti costruire le tue carte con gli strumenti che ti vengono assegnati? La linea di fondo è che Foundation è anche uno strumento di prototipazione rapida e per me l'inclusione delle carte significa che posso prototipare molto più velocemente. Anche quando vanno in produzione, queste carte sono una gradita aggiunta alla forza.

Helpers Flexbox

Flexbox è fantastico, perché ci permette di realizzare più (hai indovinato!) Layout flessibili nei nostri progetti. Flexbox mira a fornire un modo più efficiente di disporre e distribuire lo spazio tra gli elementi della tua pagina Web, anche (e questa è la parte migliore) quando la dimensione di tali elementi è dinamica e sconosciuta. 

Foundation 6.3 ci fornisce helper che rendono Flexbox più accessibile e più facile da prototipare. Ad esempio, floats e clearfix sono hack; mezzo per un fine. Per sostituire quelli usiamo Helpers Flexbox.

"Flexbox è una parte importante del web design moderno e vogliamo rimanere al passo con i tempi". - Kevin, Community Manager della Fondazione

Un nuovo fuori-tela completamente nuovo

Alcuni direbbero che questo potrebbe essere stato in ritardo, ma, è stato fatto alla fine. L'elemento Off-Canvas ha avuto una rilavorazione ed è fantastico. Non è nemmeno necessario modificare alcun mark-up in quanto è retrocompatibile. 

Il mark-up della nuova Off-Canvas è ancora più semplificato; ora abbiamo la possibilità di usare Off-Canvas come una sovrapposizione e aprire dall'alto o dal basso, invece di spingere via il contenuto. Anche questo è ora più lucido che mai, quindi assicurati di controllare l'Off-Canvas nella documentazione di Foundation for Sites.

Accordion to Tabs: Responsive Magic

Hai mai manipolato le schede che sono utili sui grandi schermi ma che diventano un disastro completo sui dispositivi mobili? Non piu! Con la "fisarmonica sensibile alle schede" puoi cambiare interfaccia utente in base alle dimensioni dello schermo e offrire un'esperienza utente migliore ai tuoi visitatori mobili. È facile da implementare e i benefici sono enormi!

Ritmo verticale da ballare a

Implementare un solido ritmo verticale nel tuo tipo può migliorare notevolmente l'aspetto del tuo sito web. Foundation ci ha sempre facilitato la manipolazione delle diverse dimensioni di intestazione e corpo del testo, ma con l'aggiornamento di Foundation 6.3, la configurazione del dimensionamento della tipografia, dell'altezza della linea e dei margini è stata resa accessibile in una singola impostazione compatta. Facilità d'uso al suo meglio.

Osserva, osserva ... Osservatori di mutazione

A volte piccoli compiti possono diventare noiosi, ma poi ci sono quegli aggiornamenti che porteranno via quel dolore. Questo è il caso dei nuovi osservatori di mutazione, che lavorano dietro le quinte e rilevano automaticamente le modifiche DOM e attivano gli aggiornamenti nei componenti. Ciò consente di risparmiare manualmente il dover riflettere gli elementi per attivare cambiamenti in cose come rivelare modali, barre adesive, equalizzatore e altro. grandiosità.

Collegamento profondo alle schede

Il deep linking gioca un ruolo importante nel portare gli utenti alla pagina giusta, in particolare sui siti e-commerce e le app mobili. Con Foundation 6.3 puoi facilmente indirizzare i tuoi utenti a contenuti specifici che hai inserito in schede e quindi utilizzare autonomamente i link.

Stile di stampa

Fino a questo ultimo aggiornamento dalla Fondazione, hai dovuto impostare i tuoi fogli di stile di stampa personalizzati per le pagine web. Foundation mostrerebbe solo lo schermo mobile, mentre altri framework non lo farebbero, il che significa che ti sei sporcato le mani e fai il lavoro da solo. 

Quei giorni sono un ricordo del passato grazie a Foundation 6.3, perché ora puoi specificare esattamente quale punto di interruzione vuoi che la tua pagina di stampa rispecchi, e Foundation calcolerà il resto. Bello.

ZURB: l'intervista

Volevamo alcune informazioni interne su come il framework ha raggiunto la sua posizione attuale. Abbiamo anche chiesto cosa possiamo aspettarci dalla Fondazione nel 2017. Questo è ciò che ha detto il team ZURB:

Quali sono state le maggiori sfide da superare nel 2016?

Quello sarebbe stato il modo in cui i browser avrebbero gestito determinati selettori CSS e le nostre griglie. Funzionano tutti bene ora, ma ci vuole del tempo perché i browser moderni raggiungano tutto ciò che il web ha da offrire.

La nostra griglia CSS aveva bisogno (e ha bisogno) di diventare più versatile e diventare una componente fondamentale di Foundation. Abbiamo bisogno di vedere cosa offre quel valore fondamentale e come esso avvantaggia chiunque utilizzi il nostro framework.

Cosa ti aspetti di realizzare nel 2017?

Una delle cose su cui stiamo lavorando e ciò che realizzeremo sicuramente nel 2017 è la rielaborazione del nostro JavaScript per Foundation. Vogliamo sfruttare maggiormente gli strumenti moderni e rendere più semplice per i nostri utenti il ​​plug-in dei propri componenti personalizzati.

Un'altra cosa sarebbe la rielaborazione dei componenti del menu. Sono già molto potenti, ma, quando li porti fuori dalla loro norma, sono ancora un po 'fragili. Ci lavoreremo duramente per arrivare al punto che puoi personalizzarli, tuttavia è adatto al tuo progetto.

Qual 'é principale priorità per il 2017?

Sicuramente guarderemo alla facilità d'uso del framework, cose come blocchi di costruzione riutilizzabili e una Foundation più plug-gable, in modo che le persone possano aggiungere il loro tocco personale. Rendendolo più plug-gable consente componenti più versatili e i blocchi riutilizzabili consentiranno di utilizzare il prototipo in modo ancora più rapido e pulito.

Quali sono alcune novità in arrivo nel 2017?

Vogliamo fare di più con gli SVG perché continuano a svolgere un ruolo importante nel design flessibile e reattivo del web. Vogliamo vedere come possiamo implementare e manipolare SVG per diversi stati e dimensioni dello schermo. Una cosa che vedremo è un modo più semplice per creare e integrare SVG nel progetto usando Foundation for Sites.

Hai paura che la Fondazione stia diventando troppo gonfia?

Questo è sempre qualcosa di cui essere entusiasti. Da un lato, avere molti componenti ci aiuta a prototipare e sviluppare più velocemente. D'altra parte, più componenti possono significare codice inutilizzato, il che rende troppo gonfio un progetto snello. Stiamo ottimizzando il modo in cui le cose possono essere integrate e facendo in modo che tu possa scegliere di lavorare in componenti aggiuntivi per il tuo progetto specifico. Una cosa che teniamo d'occhio è mantenere il core compatto e forte.

Come viene la Motion UI?

Questa è una bella domanda! In realtà siamo piuttosto occupati e sta per essere riformulato per renderlo più accessibile. Inoltre, approfondiremo come utilizzare le tue animazioni con l'interfaccia utente di Motion. 

Una cosa che manca in questo momento è una documentazione ampia e utile. Pensiamo che sia per questo che le persone non lo utilizzano quanto vorremmo, mentre Motion UI è già una libreria molto potente. Vi terremo aggiornati sul nostro blog e newsletter su come sta arrivando.

"Motion UI è già molto potente, ma abbiamo bisogno di migliorare i documenti per renderti più facile l'utilizzo e l'implementazione da parte tua." - Rafi, Foundation Advocate

Flexbox è il futuro della Fondazione?

Noi amore Flexbox, è davvero un grande, grande passo avanti nei componenti flessibili e dinamici. Mentre stiamo andando avanti con Foundation for Sites, continuiamo anche a progredire verso il futuro e Flexbox gioca un ruolo importante in questo. Continueremo a integrare sempre più componenti con flettere proprietà e utilizzare flexmodes per tutti i componenti.

Conclusione

Bene, ce l'hai, un ottimo quadro che continua a migliorare. Con Foundation 6.3 e Motion UI a venire, noi come sviluppatori e utenti saremo in grado di prototipare e lanciare ancora più velocemente di prima. Si adatta definitivamente al 5 ° compleanno della Fondazione, congratulazioni!

"Un'enorme urlo è andato alla nostra comunità di sviluppatori dedicata, che continua a migliorare ogni volta la Fondazione. Grazie ragazzi! "- Kevin, Community Manager della Fondazione

Lettura correlata

  • Scarica Foundation for Sites
  • 5 errori comuni che i progettisti fanno quando utilizzano le carte nel design
  • Scopri l'interfaccia utente del movimento dall'alto al massimo Tuts + corso
  • Iniziare con Foundation 6 Tuts + corso
  • Listener di animazione reattiva