Fonds 6 - 10 Amazing New Features

Fonda priekšgala sistēmas izstrādātāji nav tikai sēdējuši uz lauriem, bet Bootstrap komanda ir strādājusi ar savu iespaidīgo jauno lielo atbrīvošanu. Pagājušajā gadā viņi devās uz awesome World Tour, lai dalītos savās zināšanās ar saviem lietotājiem un jautātu viņiem, kā viņi izmanto Fonda darbus reālajā dzīvē.

Pēc atgriešanās savos galdos viņi apkopoja lietotāju vajadzības un vēlmes un uzsāka jaunas pamatprogrammas atbrīvošanu: Foundation 6.

Tas vēl ir izstrādes stadijā, bet plāni ir ļoti daudzsološi. Nākamās iezīmes koncentrējas uz 3 galvenajām jomām: veiktspēju, pielāgojamību un pieejamību. Aplūkosim 10 šīs funkcijas tagad.

1. Racionalizēta darbplūsma

Pamatojoties uz lietotāju pieredzi, Fonda komanda izstrādāja jaunu saukli, proti, “Ražošanas prototips”, Tas nozīmē jaunu, racionalizētu darbplūsmu, kas ļaus dizaineriem un izstrādātājiem iet tieši no prototipa uz ražošanu.

Jaunā fonda 6 mērķis ir nodrošināt elastīgu un viegli pielāgojamu sistēmu, kas ļauj no paša sākuma rakstiet tīru un semantisku kodu. Pašreizējā versija, Foundation 5, arī ļauj ātri veikt prototipus, bet mēs varam sagaidīt turpmāku darbplūsmas optimizāciju nākošajā laidienā.

2. Vienkāršots Sass versijas iestatīšanas process

Viena no visnopietnākajām lietām par Fonda ietvaru ir tā, ka tā ir veidota ar Sass stila lapas valodu, tādējādi ir iespējams ātri pielāgot noklusējuma stila noteikumus mūsu faktiskajām vajadzībām.

Tomēr Sass uzstādīšanas process daudziem lietotājiem ir bijis mazliet biedējošs, tāpēc jaunais lielais atbrīvojums būs iegūstiet vienkāršotu Sass versijas iestatīšanas procesu. Tas nozīmē, ka Sass iestatījums būs prasa daudz mazāk atkarību nekā iepriekš. Protams, ja vēlaties vaniļas CSS versiju, jūs joprojām varat to izvēlēties.

3. Jauns, augšupvērsts iestatīšanas steks maksimalistiem

Līdztekus regulārajai Sass versijai fonds 6 nāks ar izlietotu Sass versija, kas sniedz izstrādātājiem spēcīgas pielāgošanas iespējas.

Fonda radītājs ZURB atklās savu attīstības steku sabiedrībai, ieskaitot viņu pašu statiskā vietnes ģenerators, Live-Reload serveris un iekšējās optimizācijas metodes ieskaitot UNCSS integrāciju neizmantoto stilu novēršanai un UglifyJS JavaScript kompresijai.

Tātad būtībā mēs varēsim strādāt tajā pašā attīstības vidē, ko ZURB izmanto iekšēji.

4. Samazināts lapas ielādes laiks

Fonda komandai bija jāsaskaras ar konstruktīvu kritiku, kas apgalvoja, ka vairumā Fonda projektu apmēram 90% no CSS koda ir nepiepildīti. Tas neattiecas tikai uz fondu, bet arī uz citām lielākajām CSS sistēmām, piemēram, Bootstrap un TopCoat. Kā daļu no atbildes Zurb nolēma būtiski samazināt izvadītā CSS faila lielumu, īstenojot aptuveni 40–50% kodu samazinājumu.

Ir interesanti atzīmēt, ka viņi cenšas atšķirt sevi no Bootstrap, norādot:Fonds nav pamats, kam būs stilistisko nodarbību robeža un polsterējums vai apaļa un rādiuss". (Atsauces skatiet Bootstrap 4 jaunās utilītas klases mūsu iepriekšējā ziņojumā).

5. Bāzes stili, kas darbojas kā Wireframes

Otra darbības uzlabošanas pūles daļa ir izveidot bāzes stilu, kas darbojas kā stiepļu karkass, nevis gala dizains. Tas galvenokārt noved pie vieglākas tēmas, bet tam ir vēl viena liela priekšrocība. Tā kā vairāki stila noteikumi tiks pārcelti uz atsevišķiem komponentiem, izstrādātājiem būs iespēja vieglāk veidot savu dizainu.

Cerams, ka tas nozīmē, ka vietnes, kas balstītas uz Fonda gribu ir mazāk līdzīgs, standartizēts izskats, un dizaineriem būs vairāk vietas experitāts ar skaistu un unikālu solutujoni, kas atspēko nesenās rūpes par garlaicīgu meklēšanu tīmeklī.

6. Atvieglots selektīvs imports

Foundation 5 ļauj izstrādātājiem izvēlēties tikai tos komponentus, kurus viņi vēlas izmantot. Fonds 6 veiks šo centienu nākamajā līmenī pārvietojot selektīvo importēšanas funkciju _settings.scss Sass failā.

Šādā veidā _settings.scss būs a patiesi universāls konfigurācijas fails, jo mēs nevarēsim pielāgot tādas funkcijas kā rindu platums vai noklusējuma fonti ar savu palīdzību, bet arī viegli atteikšanās no komponentiem, kas mums nav vajadzīgi. Ja mēs to darīsim, mēs varam panākt turpmāku uzlabojumu.

7. Leaner un Cleaner Sass

Pārprojektēšanas procesā Fonda komanda pārdomāja visus sistēmas aspektus, tāpēc arī viņi mainīja veidu, kā viņi ir izmantojuši Sass stila lapas valodu. Viņi atklāja, ka dažos gadījumos viņi ir pārmērīgi izmantojuši Sass, kas noveda pie nevajadzīga pārlieku sarežģīta CSS izeja. Tā mērķis ir vienkāršāka un tīrāka koda bāze viņu prātā, viņi ir racionalizējuši arī Sass struktūru.

6 fondā mēs varam sagaidīt mazāku ligzdošanu un specifiskumu, racionalizēt mediju vaicājumus (tie apvienoja atkārtotu kodu), un mērogots atpakaļ komponentu maisījums. Pēdējais nozīmē, ka būs mazāk komponentu maisījumu, bet pārējiem būs mazāk parametru, kas novedīs pie vienkāršāka un loģiskāka koda

Ja jums patīk mixins, neuztraucieties, katram komponentam tās joprojām būs, tas ir tikai tas, ka tie tiks pārveidoti, lai tie būtu efektīvāki un lietderīgāki nekā pašlaik.

8. Uzlaboti režģa maisījumi

Samazinot komponentu maisījumus, fonds 6 nāks uzlaboti režģi kas mums ļaus izveidot pielāgotu režģi.

Zurb sola, ka mēs varēsim viegli izveidot kā sarežģītu tīkla sistēmu kā mēs vēlamies, ieskaitot sarežģītākas pielāgotās rindas un ligzdoti tīkli, un spēja konvertēt noklusējuma klases uz semantisko atzīmi. Uzlabotie režģa maisījumi padarīs strāvu tīkla izveide vēl intuitīvāka, elastīgāka un ātrāka.

9. Bezvadu integrēto pielāgoto JavaScript spraudņu integrācija

Pašlaik fondam 5 ir daudz JavaScript komponentu, piemēram, atdzist modālu dialogi, rīku padomi, lipīga navigācijas josla, gaismas kastes un daudzi citi, kas ir mūsdienu tīmekļa vietnei vajadzīgi, bet nākamais lielākais laidiens ļaus mums rakstiet mūsu pielāgotos JavaScript spraudņus Fonda kodols. Tas ir milzīgs solis abos virzienos lietotājdraudzīgumu un veiktspēju.

Nākotnē mēs varēsim piekļūt iebūvētajām inicializācijas metodēm, pārslēgt trigerus un pārtraukumiem, un izmantot visas citas Fonda globālās JavaScript iezīmes.

10. Pilna pieejamība

Iespējams, ka jaunākā fonda 6 vissvarīgākā iezīme ir tā, ka tā būs pilnībā pieejama. Katram komponentam un koda fragmentam būs atbilstošie WAI-ARIA atribūti un orientieri. Turklāt izstrādātāji pat būs ar lietotāja rokasgrāmatu par to kā izmantot a11y tīmekļa standartus.

Tātad, ja mēs vēlamies sniegt mūsu klientam pilnībā pieejamu tīmekļa vietni, mums nav jādara nekas cits kā veidot savu dizainu ar fondu 6. Lūdzu, ņemiet vērā, ka mums joprojām būs nepieciešams pievienojiet atbilstošus ARIA noteikumus mūsu HTML lapām, lai gan Zurb nākamā a11y lietotāja rokasgrāmata noteikti veicinās mācīšanās procesu.