Share
Oamenii de la ZURB și comunitatea de dezvoltatori a Fundației au fost greu la locul de muncă, împingând spre lansarea unei mari actualizări a Fundației pentru Site-uri. Să ne scufundăm, să vedem ce se întâmplă acum și să întrebați ce se întâmplă!
Fundația 6.3 aduce o serie de schimbări serioase în cadrul cadrului, rămânând în același timp în conformitate cu ceea ce o face atât de darnică.
Cardurile câștigă din ce în ce mai multă popularitate ca model pe web; acestea sunt o modalitate foarte bună de a arăta utilizatorilor dvs. informații condensate și ele funcționează excelent pentru site-urile web receptive. Nu numai că sunt și ei intuitivi, atâta timp cât le folosiți în mod corect!
A fost o dezbatere despre plasarea cărților în Fundație - este o componentă pe care de fapt o aveți nevoie într-un cadru receptiv, sau ar trebui să-ți construiești propria carte cu instrumentele pe care ți le dai? Linia de jos este că Fundația este, de asemenea, un instrument rapid de prototipare și pentru mine, includerea cardurilor înseamnă că pot prototipul asta mult mai rapid. Chiar și atunci când mergi la producție, aceste cărți sunt un plus bun venit forței.
Flexbox este grozav, pentru că ne permite să facem mai multe (ați ghicit-o!), Machete flexibile în desenele noastre. Flexbox își propune să ofere o modalitate mai eficientă de a stabili și distribui spațiu între elementele paginii dvs. web chiar și (și aceasta este cea mai mare parte) atunci când dimensiunea acestor elemente este dinamică și necunoscută.
Fundația 6.3 ne oferă ajutoare care fac Flexbox mai accesibil și mai ușor de prototip. De exemplu, plutitorul și clarfixul sunt hackeri; înseamnă un scop. Pentru a le înlocui pe cele pe care le folosim, ajutătorii Flexbox.
"Flexbox este o parte importantă a designului web modern și dorim să rămânem pe această poziție" - Kevin, Directorul Comunității Foundation
Unii ar spune că acest lucru ar fi fost întârziat, însă, sa făcut în sfârșit. Elementul Off-Canvas a avut o reprelucrare și este minunat. Nici măcar nu trebuie să modificați nicio marjă, deoarece este compatibilă înapoi.
Poziționarea noului Off-Canvas este și mai simplificată; acum avem capacitatea de a utiliza Off-Canvas ca o suprapunere și de a deschide din partea de sus sau de jos, în loc să împingem doar conținutul. Chiar și acum este mai mult lustruit decât oricând, așa că asigurați-vă că verificați Off-Canvas în cadrul Fundației pentru site-urile docs.
Ați făcut-o vreodată cu file care sunt utile pe ecrane mari, dar devin o mizerie completă pe dispozitivele mobile? Nu mai! Cu "acordeon receptiv la file" puteți să vă comutați interfața utilizator pe baza dimensiunii ecranului și să oferiți utilizatorilor dvs. de telefon mobil o experiență mai bună. Este ușor de implementat și beneficiile sunt masive!
Punerea în aplicare a unui ritm vertical solid în tipul dvs. poate îmbunătăți considerabil aspectul site-ului dumneavoastră. Fundația ne-a ajutat întotdeauna să manipulăm diferitele dimensiuni ale antetului și ale textului corporal, dar cu actualizarea Fundației 6.3, configurația de dimensionare tipografică, înălțimea liniei și margini au fost toate accesibile într-o singură setare compactă. Ușurința de utilizare la cele mai bune.
Uneori, sarcinile mici pot deveni plictisitoare, dar apoi există acele actualizări care vor lua această durere departe. Acesta este cazul cu noii observatori de mutații care lucrează în spatele scenei și detectează automat modificările DOM și declanșează actualizări în componente. Acest lucru vă salvează manual necesitatea de a reîmprospăta elemente pentru a declanșa schimbări în lucruri cum ar fi dezvăluirea modalităților, barelor lipicioase, egalizatorului și multe altele. awesomeness.
Combinarea profundă joacă un rol important atunci când vă atrage utilizatorii pe pagina potrivită - deosebit de importantă pe site-urile web și aplicațiile mobile de pe eCommerce. Cu Fundația 6.3 puteți direcționa cu ușurință utilizatorii către un anumit conținut pe care l-ați plasat în tab-uri și, prin urmare, puteți folosi legătura profundă.
Până la această ultima actualizare de la Fundație, a trebuit să vă configurați propriile foi de stil de imprimare personalizate pentru paginile web. Fundația ar afișa numai ecranul mobil, în timp ce alte cadre nu ar face nici măcar acest lucru, ceea ce înseamnă că ați murdărit mâinile și ați făcut munca singură.
Acele zile sunt o chestiune din trecut mulțumită Fundației 6.3, pentru că acum puteți specifica exact punctul de întrerupere pe care doriți ca o pagină de imprimare să o oglindească, iar Fundația va descoperi restul. Frumos.
Am vrut niște informații privilegiate despre modul în care cadrul a ajuns la poziția sa actuală. Am întrebat, de asemenea, ceea ce ne putem aștepta de la Fundație în 2017. Aceasta a fost ceea ce echipa ZURB a trebuit să spună:
Care au fost cele mai mari provocări pentru a depăși în 2016?
Ar fi fost modul în care browserele s-ar ocupa de anumiți selectori CSS și de rețelele noastre. Toate acestea funcționează frumos acum, dar a fost nevoie de puțin timp pentru ca browserele moderne să ajungă din urmă cu tot ce are de oferit.
Grila noastră CSS a necesitat (și nevoile) să devină mai versatilă și să devină o componentă centrală a Fundației. Trebuie să vedem ce oferă această valoare de bază și cum este de folos pentru oricine care folosește cadrul nostru.
Ce așteptați să realizați în 2017?
Unul dintre lucrurile pe care lucrăm și ceea ce vom realiza cu siguranță în 2017 este reluarea JavaScript pentru Fundație. Vom profita mai mult de instrumentele moderne de acolo și, de asemenea, va fi mai ușor pentru utilizatorii noștri să-și completeze propriile componente personalizate.
Un lucru mai mult ar fi refacerea componentelor meniului. Sunt deja foarte puternici, dar, când îi iei în afara normei, sunt încă fragili. Vom lucra din greu pentru a ajunge la punctul în care le puteți personaliza, totuși, se potrivește proiectului dumneavoastră.
Ce este principal prioritate pentru anul 2017?
Ne vom uita cu ușurință la ușurința utilizării cadrului, la lucruri precum blocuri reutilizabile și la o fundație mai plugibila, astfel încât oamenii să-și poată adăuga propria lor întorsătură. Efectuarea mai multor plug-uri permite componente mai versatile, iar blocurile reutilizabile vor permite utilizarea prototipului chiar mai rapid și mai curat.
Care sunt lucrurile noi care apar în 2017?
Vom dori să facem mai mult cu SVG-urile, deoarece acestea continuă să joace un rol mai important în designul web flexibil și receptiv. Vrem să vedem cum putem implementa și manipula SVG-urile pentru diferite stări și dimensiuni ale ecranului. Un lucru pe care îl vom examina este o modalitate mai ușoară de a realiza și integra SVG-uri în proiectul dvs. folosind Fundația pentru Site-uri.
Te temi că Fundația devine prea umflată?
Acesta este întotdeauna ceva de a fi interesat despre. Pe de o parte, având o mulțime de componente ne ajută să fim prototip și să ne dezvoltăm mai repede. Pe de altă parte, mai multe componente pot însemna un cod neutilizat, ceea ce face ca un proiect sărac să fie prea umflat. Optimizăm modul în care lucrurile pot fi integrate și făcute astfel încât să puteți alege să lucrați în componente suplimentare pentru proiectul dvs. specific. Un lucru pe care ne uităm cu atenție este menținerea nucleului compact și puternic.
Cum se mișcă Motion UI-ul?
Aceasta este o întrebare minunată! Suntem de fapt destul de ocupați și este pe punctul de a fi reframați să o facem mai accesibilă. De asemenea, vom merge mai mult în profunzime despre cum să utilizați propria animație cu Motion UI.
Un lucru care lipsește în prezent este o documentație extensivă și utilă. Credem că de aceea oamenii nu o folosesc la fel de mult cum am dori, în timp ce Motion UI în sine este deja o bibliotecă foarte puternică. Vă vom ține postat pe blogul nostru și în buletinul informativ despre cum se întâmplă.
"UI de mișcare este deja foarte puternică, dar trebuie să îmbunătățim docs-ul pentru a vă ușura folosirea și implementarea." - Rafi, Foundation Advocate
Este Flexbox viitorul Fundației?
Noi dragoste Flexbox, este cu adevărat un mare pas înainte în componente flexibile și dinamice. Pe măsură ce avansăm cu Fundația pentru Site-uri, continuăm și noi în direcția viitorului, iar Flexbox joacă un rol important în acest sens. Vom continua să integrăm tot mai multe componente cu contracta proprietăți și utilizarea flexmodurilor pentru toate componentele.
Ei bine, acolo aveți, un cadru minunat care se îmbunătățește și mai bine. Cu ajutorul aplicației Foundation 6.3 și Motion UI, noi, ca dezvoltatori și utilizatori, vom putea să prototipăm și să lansăm mai repede decât înainte. Se potriveste in mod definitiv celei de-a 5-a aniversari a Fundatiei, felicitari!
"Un strigăt uriaș iese în comunitatea dedicată de dezvoltatori, care continuă să îmbunătățească Fundația de fiecare dată. Mulțumesc băieților! "- Kevin, directorul comunității de fundație
Accentsconagua