Sihtasutus 6 - 10 hämmastavad uued funktsioonid

Sihtasutuse foorumi arendajad ei ole lihtsalt oma loorberitel istunud, samas kui Bootstrap meeskond on töötanud oma muljetavaldava uue suure väljalaskega. Eelmisel aastal läksid nad läbi awesome World Tour'i, et jagada oma teadmisi oma kasutajatega ja küsida neilt, kuidas nad kasutasid sihtasutust oma tegelikus töös.

Pärast oma töölauale naasmist koondasid nad oma kasutajate vajadused ja soovid ning alustasid raamistiku uue suure väljalaske planeerimist: Foundation 6.

See on veel väljatöötamisel, kuid plaanid on väga paljutõotavad. Tulevad funktsioonid keskenduvad kolmele põhivaldkonnale: jõudlust, kohandatavust ja juurdepääsetavust. Vaatame nüüd 10 neist funktsioonidest.

1. Sujuv tööprotsess

Kasutajate kogemuste põhjal töötas fondi meeskond välja uue loosungi, nimelt “Prototüüp tootmisele”, Sihtasutuseks on see uus, täiustatud töövoog, mis võimaldab disaineritel ja arendajatel minna otse prototüübist tootmisse.

Uue Sihtasutuse 6 eesmärk on pakkuda paindlikku ja kergesti kohandatavat raamistikku, mis võimaldab kirjutage puhas ja semantiline kood algusest peale. Praegune versioon, Foundation 5 võimaldab ka kiiret prototüüpimist, kuid me saame seda teha oodata edasist töövoo optimeerimist tulevasel vabastamisel.

2. Sass-versiooni lihtsustatud seadistusprotsess

Sihtasutuse raamistiku üks kõige fantastilisemaid asju on see, et see on ehitatud Sassi stiilitabeli keelega, seega on see võimalik kohandage vaikimisi stiilieeskirjad meie tegelike vajadustega.

Sass'i seadistusprotsess on siiski paljude kasutajate jaoks natuke hirmutav, nii et uus suur väljalaske tahe saada Sass versiooni lihtsustatud häälestusprotsess. See tähendab, et Sass seadistab nõuavad palju vähem sõltuvusi kui enne. Loomulikult, kui eelistate vanilla CSS versiooni, saate seda siiski valida.

3. Uus, souped up setup stack maximalistidele

Lisaks tavapärasele Sass versioonile on Sihtasutus 6 kaetud Sass versioon, mis pakub arendajatele võimsaid kohandamisvalikuid.

Sihtasutuse looja ZURB avab avalikkusele, kaasa arvatud omaenda, oma arengukomplekti staatiline saidigeneraator, live-reload server ja sisemisi optimeerimismeetodeid sealhulgas UnCSSi integreerimine kasutamata stiilide eemaldamiseks ja UglifyJS JavaScripti tihendamiseks.

Seega on meil põhimõtteliselt lubatud töötada samas arengukeskkonnas, mida ZURB kasutab.

4. Lehekülje laadimise aeg

Sihtasutuse meeskond pidi silmitsi seisma konstruktiivse kriitikaga, mis väitis, et enamikus sihtasutuste projektides jääb umbes 90% CSS koodist. See ei olnud ainult fondi, vaid ka teiste suurte CSS raamistike puhul, nagu näiteks Bootstrap ja TopCoat. Oma vastuse osana otsustas Zurb oluliselt vähendada väljastatud CSS-i faili suurust, rakendades umbes 40–50% -list koodi vähendamist.

On huvitav märkida, et nad püüavad ennast Bootstrapist eraldada, märkides "Sihtasutus ei ole raamistik, millel on stiiliklasside marginaal ja polsterdus või ümmargune ja raadius". (Viiteid vt Bootstrap 4 uutest utiliitide klassidest meie eelmises postituses).

5. Baasstiilid, mis toimivad traatraamidena

Teine osa tulemuslikkuse parandamise püüdlustest on luua baasstiil, mis toimib traatraamina lõpliku kujunduse asemel. See toob esmalt kaasa kergema teema, kuid on ka teine ​​suur eelis. Kuna rohkem stiilireegleid liigutatakse üksikutesse komponentidesse, on arendajatel võimalus oma disaini kergemini kujundada.

Loodetavasti tähendab see seda, et sihtasutusel põhinevad saidid vähem sarnast, standarditud välimust, ja disaineritel on rohkem ruumiilus ja ainulaadne soluutioonid, mis kummutavad hiljutisi muresid igava ilmega veebi pärast.

6. Lihtne valikuline import

Foundation 5 võimaldab arendajatel valida ainult komponendid, mida nad soovivad kasutada. Sihtasutus 6 võtab selle eesmärgi järgmisele tasandile selektiivse impordi funktsiooni liigutamine _settings.scss Sass faili.

Sel viisil _settings.scss on a tõeliselt universaalne konfiguratsioonifail, kuna me ei saa oma abiga mitte ainult kohandada funktsioone, näiteks rida laiust või vaikefonte, vaid ka kergesti loobuda komponentidest, mida me ei vaja. Kui me seda teeme, saame saavutada edasise tulemuslikkuse parandamise.

7. Leaner ja Cleaner Sass

Ümberkujundamisprotsessis vaatas fondi meeskond uuesti raamistiku kõiki aspekte, nii et ka need muutis viisi, kuidas nad on kasutanud Sassi stiilitabeli keelt. Nad leidsid, et mõnel juhul on nad Sass'i üle kasutanud CSS-väljundi liigne keerukus. Eesmärgiga lihtsam ja puhtam koodialus on nad oma Sassi struktuuri ratsionaliseerinud.

Sihtasutus 6 suudame oodata langetamise ja spetsiifilisuse vähenemist, lihtsustatud meediaküsimusi (nad ühendasid korduva koodi) ja vähendatud tagakomponentide segud. Viimane tähendab, et komponendi segusid on vähem ja ülejäänud on vähem parameetreid, mis toovad kaasa lihtsama ja loogilisema koodi

Kui sa armastad mixinit, siis ärge muretsege, et igal komponendil on neid veel, see on lihtsalt see, et nad kujundatakse ümber, et olla tõhusamad ja kasulikud kui praegu.

8. Täiustatud Grid Mixins

Komponentide segamiste kärpimisega kaasneb Foundation 6 tõhustatud võrgusegud see võimaldab meil luua rohkem kohandatud võrku.

Zurb lubab, et suudame kergesti ehitada keeruliseks võrgusüsteemiks nagu me tahame, sealhulgas keerukamad kohandatud read ja sisestatud võrgud, ja võime konverteerida vaikimisi klassid semantiliseks märgistuseks. Täiustatud võrgusegud teevad voolu võrgu loomine veelgi intuitiivsem, paindlikum ja kiirem.

9. Kohandatud JavaScripti pluginate sujuv integreerimine

Sihtasutusel 5 on praegu palju JavaScripti komponente, nagu lahedad modaalsed dialoogid, töövihikud, kleepuv navigeerimisriba, valguskastid ja paljud teised, mida tänapäeva veebisait vajab, kuid tulemas suurem versioon võimaldab meil kirjutage meie kohandatud JavaScript-pluginad Sihtasutuse tuuma ära kasutamine. See on suur samm edasi mõlemas kasutajasõbralikkus ja jõudlus.

Tulevikus on meil võimalik juurdepääsu sisseehitatud initsialiseerimismeetoditele, käivita ja punktid, ja kasutage kõiki teisi fondi globaalse JavaScripti omadusi.

10. Täielik juurdepääs

Tõenäoliselt on uue fondi kõige hämmastavam omadus 6 see, et see on täielikult ligipääsetav. Igal komponendil ja koodilõigul on asjakohased WAI-ARIA atribuudid ja orienteeruvad rollid. Lisaks on arendajad isegi kasutusjuhendiga umbes kuidas kasutada a11y veebistandardeid.

Seega, kui me tahame oma kliendile täielikku ligipääsetavat veebisaiti pakkuda, ei pea me midagi muud kui fondi 6 kujundamine. Pange tähele, et me peame ikka veel lisage meie HTML-lehekülgedele vastavad ARIA-reeglid, kuigi Zurbi tulevane a11y kasutusjuhend aitab kindlasti õppeprotsessi kaasa.