Nadácia 6 - 10 úžasných nových funkcií

Vývojári front-end frameworku nadácie nielen sedeli na svojich vavrínoch, zatiaľ čo tím Bootstrap pracoval na svojom impozantnom novom hlavnom vydaní. V minulom roku absolvovali úžasnú prehliadku po svete, aby zdieľali svoje vedomosti so svojimi užívateľmi a spýtali sa ich, ako používajú Nadáciu vo svojej realite.

Po návrate do svojho pracoviska agregovali potreby a želania svojich užívateľov a začali plánovať nové hlavné vydanie rámca: Nadácia 6.

Je stále vo vývoji, ale plány sú veľmi sľubné. Nasledujúce funkcie sú zamerané na 3 hlavné oblasti: výkon, prispôsobiteľnosť a dostupnosť. Poďme sa pozrieť na 10 z týchto funkcií teraz.

1. Zjednodušený pracovný postup

Na základe skúseností používateľov vytvoril tím nadácie nový slogan, konkrétne “Prototyp výroby”, pre nadáciu 6. To znamená nový, zjednodušený pracovný postup, ktorý umožní návrhárom a vývojárom ísť priamo z prototypu do výroby.

Cieľom novej nadácie 6 je poskytnúť flexibilný a ľahko prispôsobiteľný rámec, ktorý umožňuje písať čistý a sémantický kód od samého začiatku. Aktuálna verzia Foundation 5 tiež umožňuje rýchle prototypovanie, ale môžeme očakávať ďalšiu optimalizáciu workflow v nasledujúcom vydaní.

2. Zjednodušený proces inštalácie verzie Sass

Jednou z najkrajších vecí v rámci nadácie je to, že je postavená v jazyku štýlov Sass, takže je možné rýchlo prispôsobiť predvolené pravidlá štýlu našim skutočným potrebám.

Postup nastavenia Sass bol pre mnohých používateľov trochu zastrašujúci, takže nové vydanie bude veľké získate zjednodušený proces nastavenia verzie Sass. To znamená, že nastavenie Sass bude vyžadujú oveľa menej závislostí ako predtým. Samozrejme, ak dávate prednosť verzii CSS vanilky, stále si ju môžete zvoliť.

3. Nový zásobník pre maximalizáciu

Okrem bežnej verzie Sass Foundation 6 prichádza s prídavkom Verzia Sass, ktorá poskytne vývojárom výkonné možnosti prispôsobenia.

ZURB, tvorca nadácie, otvorí svoj vlastný vývojový balíček pre verejnosť, vrátane svojho vlastného generátor statických stránok, server pre prenos naživo a veľa vnútorných optimalizačných techník vrátane integrácie UnCSS pre odstránenie nepoužívaných štýlov a UglifyJS pre kompresiu JavaScript.

Takže v zásade budeme môcť pracovať v rovnakom vývojovom prostredí, ktoré používa ZURB.

4. Znížený čas načítania stránky

Tím nadácie musel čeliť nejakej konštruktívnej kritike, ktorá tvrdila, že vo väčšine projektov nadácie je asi 90% kódu CSS nezvyčajné. Toto sa nevzťahovalo len na nadáciu, ale aj na ostatné dôležité rámce CSS, ako Bootstrap a TopCoat. V rámci svojej odpovede sa spoločnosť Zurb rozhodla výrazne znížiť veľkosť súboru výstupných CSS implementáciou zhruba 40-50% zníženia kódu.

Je zaujímavé poznamenať, že sa pokúšajú odlíšiť od Bootstrapu tým, že uvádzajú "Nadácia nie je rámec, ktorý bude mať štylistické okruhy a polstrovanie alebo okrúhle a polomery"(Odkaz na nové triedy úloh Bootstrap 4 v našom predchádzajúcom príspevku).

5. Základné štýly pôsobiace ako drátové rámy

Druhou časťou snahy o zvýšenie výkonnosti je vytvorte základný štýl, ktorý slúži ako drôtový rám namiesto konečného návrhu. To v prvom rade vedie k ľahšiemu tématu, ale má aj ďalšiu veľkú výhodu. Keďže viac pravidiel štýlu sa presunie do jednotlivých komponentov, vývojári budú mať možnosť ľahšie štýl ich dizajnu.

Dúfajme, že to znamená, že stránky založené na nadácii budú majú menej podobného, ​​štandardizovaného vzhľadu, a dizajnéri budú mať viac priestoru na exps krásnym a jedinečným riešenímktoré vyvrátia nedávne starosti o nudný web.

6. Uľahčila selektívny dovoz

Nadácia 5 umožňuje vývojárom vybrať len komponenty, ktoré chcú používať. Nadácia 6 bude toto úsilie na ďalšiu úroveň posuniete funkciu selektívneho importu do súboru Sass _settings.scss.

Týmto spôsobom _settings.scss bude a skutočne univerzálny konfiguračný súbor, pretože budeme nielen schopní prispôsobiť funkcie, ako je šírka riadku alebo predvolené fonty s jeho pomocou, ale aj ľahko opustenie komponentov, ktoré nepotrebujeme. Ak tak urobíme, môžeme dosiahnuť ďalšie zlepšenie výkonnosti.

7. Šikovnejšie a čistejšie Sass

V procese redizajnu tím nadácie premyslel každý aspekt rámca, a tak aj oni zmenili spôsob, akým používajú jazyk šablón štýlov Sass. Zistili, že v niektorých prípadoch nadmerne používajú Sass, ktoré vedú k zbytočná nadmerná komplikovanosť výstupu CSS. S cieľom dosiahnuť štíhlejší a čistejší kódový základ v ich mysli, racionalizovali aj svoju štruktúru Sass.

V nadácii 6 môžeme očakávať zníženie hniezdenia a špecifickosti, zjednodušenie mediálnych dopytov (zlúčili opakovaný kód) a zmiešané komponenty. Posledný z nich znamená, že bude menej zložkových mixins a zvyšné budú mať menej parametrov, čo povedie k jednoduchšiemu a logickejšiemu kódu

Ak máte radi mixiny, nebojte sa, každá zložka ich stále bude mať, je to len to, že budú prepracované tak, aby boli efektívnejšie a užitočnejšie ako v súčasnosti.

8. Vylepšené mixy siete

Pri odstraňovaní komponentových zmesí, Foundation 6 prichádza s vylepšené sieťové mixiny to nám umožní vytvorte prispôsobenú sieť.

Zurb sľubuje, že budeme môcť jednoducho stavať ako komplikovaný systém mriežky ako chceme, vrátane sofistikovanejšie vlastné riadky a vnorené mriežky, a schopnosť konvertovať predvolené triedy na sémantické označovanie. Vylepšené mriežkové mixiny vytvoria prúd vytváranie sietí je ešte intuitívnejšia, flexibilnejšia a rýchlejšia.

9. Bezproblémová integrácia vlastných pluginov JavaScriptu

Nadácia 5 má v súčasnosti veľa komponentov JavaScriptu, ako sú cool modálne dialógy, tooltips, lepkavý navigačný panel, lightboxes a mnoho ďalších, ktoré potrebuje moderná webová stránka, ale prichádzajúce hlavné vydanie nám umožní napíšte naše vlastné pluginy jazyka JavaScript s využitím jadra nadácie. Je to obrovský krok vpred v oboch užívateľsky prívetivosť a výkonnosť.

V budúcnosti budeme môcť prístup k vstavaným metódam inicializácie, prepínať spúšťače a zarážky, a využívať všetky ostatné funkcie globálneho JavaScriptu nadácie.

10. Úplná dostupnosť

Pravdepodobne najzaujímavejším prvkom novej nadácie 6 je, že bude plne prístupná. Každá zložka a útržok kódu prichádzajú s príslušnými atribútmi WAI-ARIA a dôležitými úlohami. Okrem toho budú dokonca vývojári s používateľskou príručkou o ako používať webové štandardy.

Takže ak chceme poskytnúť našim klientom plne prístupnú webovú stránku, nemusíte robiť nič iné, než budovať náš dizajn s nadáciou 6. Upozorňujeme, že budeme musieť pridajte na naše stránky HTML primerané pravidlá ARIA, hoci prichádzajúca užívateľská príručka Zurb bude určite uľahčovať proces učenia.