Fondas 6 - 10 nuostabių naujų funkcijų

Fondo „front-end“ sistemos kūrėjai ne tik sėdėjo ant laurų, o „Bootstrap“ komanda dirbo savo įspūdingu nauju dideliu spaudiniu. Praėjusiais metais jie nuvyko į nuostabų pasaulinį turą, kad pasidalintų savo žiniomis su savo vartotojais ir paklaustų, kaip jie naudojosi Fondu savo gyvenime.

Grįžę į savo stalus, jie apibendrino savo vartotojų poreikius ir pageidavimus ir pradėjo planuoti naują pagrindinį sistemos leidimą: fondas 6.

Ji vis dar kuriama, tačiau planai yra labai perspektyvūs. Artimiausi bruožai sutelkti į tris pagrindines sritis: našumą, pritaikomumą ir prieinamumą. Pažvelkime 10 šių funkcijų dabar.

1. Supaprastinta darbo eiga

Remdamiesi savo vartotojų patirtimi, Fondo komanda sukūrė naują šūkį, būtent “Prototipas gamybai”, tai reiškia naują, supaprastintą darbo eigą, kuri leis projektuotojams ir kūrėjams eiti tiesiai iš prototipo į gamybą.

Naujo fondo 6 tikslas - suteikti lanksčią ir lengvai pritaikomą sistemą, kuri leistų nuo pat pradžių rašykite švarų ir semantinį kodą. Dabartinė versija „Foundation 5“ taip pat leidžia greitai atlikti prototipų kūrimą, bet galime tikisi tolesnio darbo eigos optimizavimo ateinančiame leidinyje.

2. Supaprastintas Sass versijos sąrankos procesas

Vienas iš nuostabiausių dalykų, susijusių su Fondo sistema, yra tai, kad jis yra pastatytas su „Sass“ stiliaus kalba, todėl galima greitai pritaikyti numatytąsias stiliaus taisykles pagal mūsų faktinius poreikius.

Tačiau „Sass“ sąrankos procesas daugeliui vartotojų buvo šiek tiek bauginantis, todėl nauja didelė išleidimo valia gauti supaprastintą „Sass“ versijos nustatymo procesą. Tai reiškia, kad „Sass“ sąranka bus reikalauja daug mažiau priklausomybių nei anksčiau. Žinoma, jei pageidaujate vanilės CSS versijos, vis tiek galite tai pasirinkti.

3. Nauja, souped up sąranka, skirta maksimalistams

Be įprastos „Sass“ versijos, „Foundation 6“ ateis su išpūsti „Sass“ versija, suteikianti kūrėjams galingas pritaikymo parinktis.

Fondo kūrėjas ZURB atvers savo pačių vystymosi kaminą visuomenei, įskaitant ir savo statinis svetainės generatorius, Live-Reload serveris ir vidinių optimizavimo metodų įskaitant „UnCSS“ integravimą nepanaudotų stilių šalinimui ir „UglifyJS“ „JavaScript“ suspaudimui.

Taigi iš esmės mes galėsime dirbti toje pačioje plėtros aplinkoje, kurią ZURB viduje naudoja.

4. Sumažėjęs puslapio apkrovos laikas

Fondo komanda turėjo susidurti su konstruktyvia kritika, kuri teigė, kad daugumoje fondo projektų apie 90% CSS kodo nepavyksta. Tai ne tik tiesa, bet ir kitoms pagrindinėms CSS sistemoms, pvz., „Bootstrap“ ir „TopCoat“. Kaip atsakymo dalį, Zurb nusprendė žymiai sumažinti išvesties CSS failo dydį, įgyvendindamas maždaug 40–50 proc..

Įdomu pažymėti, kad jie bando atskirti save nuo „Bootstrap“, nurodydami:Fondas nėra sistema, kuri turės stilistinių pamokų maržą ir padding arba apvalią ir spindulinę". (Nuorodą žr.„ Bootstrap 4 “naujose naudingumo klasėse mūsų ankstesniame įraše).

5. Pagrindiniai stiliai, veikiantys kaip Wireframes

Kita veiklos tobulinimo pastangų dalis yra sukurti pagrindinį stilių, kuris veiktų kaip vielinis rėmelis vietoj galutinio dizaino. Tai pirmiausia lemia lengvesnę temą, bet taip pat turi dar vieną didelį pranašumą. Kadangi daugiau stiliaus taisyklių bus perkeltos į atskirus komponentus, kūrėjai turės galimybę lengvesnį dizainą.

Tikimės, kad tai reiškia, kad svetainės, pagrįstos Fondo valia, bus turi panašią, standartizuotą išvaizdą, ir dizaineriai turės daugiau erdvės experimentas su gražiais ir unikaliais sprendimaisjonai, kurie paneigia neseniai susirūpinimą dėl nuobodu atrodančio interneto.

6. Supaprastintas atrankinis importas

„Foundation 5“ leidžia kūrėjams pasirinkti tik komponentus, kuriuos jie nori naudoti. Fondas 6 imsis šio tikslo iki kito lygio pasirinktos importo funkcijos perkėlimas į _settings.scss Sass failą.

Tokiu būdu _settings.scss bus a tikrai universalus konfigūracijos failas, nes mes negalėsime pritaikyti tokių funkcijų, kaip eilutės plotis arba numatytieji šriftai, su savo pagalba, bet taip pat lengvai atsisakyti komponentų, kurių mums nereikia. Jei tai padarysime, galime pasiekti tolesnį veiklos tobulinimą.

7. Leaner ir Cleaner Sass

Pertvarkymo procese Fondo komanda persvarstė visus sistemos aspektus, taigi jie taip pat pakeitė būdą, kaip jie naudojo „Sass“ stilių lentelės kalbą. Jie nustatė, kad kai kuriais atvejais jie pervertino Sassą, kuris veda į nereikalingas pernelyg sudėtingas CSS rezultatas. Siekdami supaprastinto ir švaresnio kodo pagrindo, jie racionalizavo ir „Sass“ struktūrą.

Fonde 6 galime tikimasi, kad sumažės lizdus ir specifiškumas, supaprastintos žiniasklaidos užklausos (jie sujungė pakartotinį kodą), ir suskirstyti atgaliniai komponentai. Pastarasis reiškia, kad bus mažiau komponentų mišinių, o likusieji turės mažiau parametrų, o tai lems paprastesnį ir logiškesnį kodą

Jei jums patinka „mixins“, nesijaudinkite, kiekvienas komponentas vis tiek turės juos, tai tik kad jie bus pertvarkyti, kad būtų efektyvesni ir naudingesni nei dabar.

8. Pagerinti tinkleliai

Grąžindamas komponentų mišinius, „Foundation 6“ ateis sustiprinti tinkleliai tai leis mums sukurti labiau tinkintą tinklelį.

Zurbas žada, kad galėsime lengvai sukurti kaip sudėtingą tinklo sistemą kaip mes norime, įskaitant sudėtingesnės pasirinktinės eilutės ir įterpti tinklai, ir gebėjimas konvertuoti numatytas klases į semantinį žymėjimą. Patobulinti tinkleliai bus dabartiniai tinklų kūrimas dar labiau intuityvus, lankstesnis ir greitesnis.

9. Besiūliai pritaikyti „JavaScript“ papildinius

Šiuo metu „Foundation 5“ turi daug „JavaScript“ komponentų, pvz., Atvėsti modaliniai dialogai, įrankių patarimai, lipnus naršymo juosta, šviesos dėžutės ir daugelis kitų, kuriuos turi šiuolaikinė svetainė, tačiau artimiausias pagrindinis leidimas leis mums parašykite mūsų pasirinktinius „JavaScript“ papildinius pasinaudojant Fondo šerdimi. Tai didžiulis žingsnis į priekį abiejuose patogumas ir našumas.

Ateityje galėsime pasiekti integruotus inicijavimo metodus, perjungti trigerius ir taškų, ir pasinaudokite visomis kitomis Fondo „JavaScript“ savybėmis.

10. Visiškas prieinamumas

Tikriausiai nuostabiausias naujosios Fondo bruožas 6 yra tai, kad jis bus visiškai prieinamas. Kiekviename komponento ir kodo fragmente pateikiami atitinkami WAI-ARIA atributai ir orientyrai. Be to, kūrėjai netgi bus su vartotojo vadovu apie kaip naudoti a11y žiniatinklio standartus.

Taigi, jei norime suteikti klientui pilnai prieinamą svetainę, mums nereikia daryti nieko daugiau, nei kurti savo projektą su Fondu 6. Atkreipkite dėmesį, kad mums vis tiek reikės pridėkite atitinkamas ARIA taisykles į mūsų HTML puslapius, nors „Zurb“ ateinančio a11y vartotojo vadovas tikrai palengvins mokymosi procesą.