Domovská » Webový design » Nadace 6 - 10 Úžasné nové funkce

    Nadace 6 - 10 Úžasné nové funkce

    Vývojáři front-endové základny nadace neseděli jen na vavřínech, zatímco tým Bootstrap pracuje na svém novém impozantním vydání. V loňském roce se vydali na úžasnou Světovou turné, aby se podělili o své znalosti se svými uživateli a zeptali se jich, jak nadaci využívají ve své reálné práci..

    Poté, co se vrátili na své pracoviště, agregovali potřeby a přání svých uživatelů a pustili se do plánování nového významného vydání rámce: Foundation 6.

    Je stále ve vývoji, ale plány jsou velmi slibné. Nadcházející funkce se zaměřují na 3 hlavní oblasti: výkonnost, přizpůsobitelnost a dostupnost. Podívejme se nyní na 10 z těchto funkcí.

    1. Zjednodušený pracovní postup

    Na základě zkušeností svých uživatelů vytvořil tým Nadace nový slogan “Prototyp k výrobě”, pro nadaci 6. To znamená nový, efektivnější pracovní postup, který umožní návrhářům a vývojářům jít přímo z prototypu do výroby.

    Cílem nové Nadace 6 je poskytnout flexibilní a snadno přizpůsobitelný rámec, který umožní psát čistý a sémantický kód od samého počátku. Současná verze Foundation 5 také umožňuje rychlé prototypování, ale můžeme očekávat další optimalizaci pracovního postupu v nadcházejícím vydání.

    2. Zjednodušený proces nastavení verze Sass

    Jedním z nejúžasnějších věcí v rámci Foundation je, že je postaven s jazykem stylů Sass, takže je možné rychle přizpůsobit výchozí pravidla stylu podle našich aktuálních potřeb.

    Proces nastavení Sass byl pro mnoho uživatelů trochu zastrašující, takže nová hlavní verze bude získat zjednodušený proces nastavení verze Sass. To znamená, že nastavení Sass bude vyžadují mnohem méně závislostí než dříve. Samozřejmě, pokud dáváte přednost vanilkové verzi CSS, můžete se i nadále rozhodnout.

    3. Nový, rozmístěný instalační zásobník pro maximalisty

    Kromě běžné verze Sass, nadace 6 přijde s polévkou Sass verze, která poskytne vývojářům výkonné možnosti přizpůsobení.

    ZURB, tvůrce Nadace, otevře veřejnosti svůj vlastní vývojový balíček pro veřejnost včetně vlastních generátor statických stránek, server a zatížení vnitřních optimalizačních technik včetně integrace UnCSS pro odstranění nepoužívaných stylů a UglifyJS pro kompresi JavaScriptu.

    V podstatě budeme mít možnost pracovat ve stejném vývojovém prostředí, které ZURB interně využívá.

    4. Snížená doba načítání stránky

    Tým nadace musel čelit nějaké konstruktivní kritice, která tvrdila, že ve většině projektů nadace se asi 90% kódu CSS neobjevilo. To neplatilo pouze pro Nadaci, ale i pro další hlavní CSS frameworky, jako jsou Bootstrap a TopCoat. V rámci své odpovědi se Zurb rozhodl výrazně snížit velikost souboru výstupních CSS implementací zhruba 40-50% snížení kódu.

    IMAGE: Freepik.com

    Je zajímavé poznamenat, že se pokoušejí odlišit od Bootstrapu uvedením "Nadace není rámec, který bude mít stylistickou třídu marže a polstrování nebo kulaté a poloměr(Viz odkaz na nové třídy nástrojů Bootstrap 4 v našem předchozím příspěvku).

    5. Základní styly vystupující jako drátové modely

    Další část úsilí o zlepšení výkonu je vytvořit základní styl, který bude fungovat jako drátový model místo konečného návrhu. To vede především k lehčímu tématu, ale má i další velkou výhodu. Vzhledem k tomu, že více pravidel stylu bude přesunuto do jednotlivých komponent, budou mít vývojáři šanci snadnější styl jejich designu.

    IMAGE: Freepik.com

    Doufejme, že to znamená, že stránky založené na nadaci budou mají méně podobný, standardizovaný vzhled, a návrháři budou mít více prostoru na experiment s krásnou a jedinečnou solutionty, které vyvrátí nedávné starosti o nudný web.

    6. Usnadnění selektivního importu

    Foundation 5 umožňuje vývojářům zvolit pouze komponenty, které chtějí používat. Nadace 6 tuto snahu učiní na další úroveň přesunutí funkce selektivního importu do souboru _settings.scss Sass.

    IMAGE: Zurb.com

    Tímto způsobem bude _settings.scss a univerzální konfigurační soubor, protože nebudeme schopni přizpůsobit funkce, jako je šířka řádku nebo výchozí písma, pouze pomocí nápovědy, ale také snadno opting z komponent, které nepotřebujeme. Pokud tak učiníme, můžeme dosáhnout dalšího zlepšování výkonnosti.

    7. Šikmá a čistší Sass

    V redesign procesu nadace tým přemýšlel každý aspekt rámce, tak oni také změnil způsob, jakým používali jazyk stylů Sass. Zjistili, že v některých případech nadužívají Sass, který vede k zbytečná nadměrná komplikace výstupu CSS. S cílem štíhlejší a čistší kódové základny v jejich mysli také racionalizovali svou strukturu Sass.

    IMAGE: Zurb.com

    V Nadaci 6 můžeme očekávat snížení hnízdění a specifičnosti, zjednodušení mediálních dotazů (sloučili repetitivní kód) a škálovaná zpětná složka mixins. To znamená, že bude méně komponent mixinů a zbývající budou mít méně parametrů, což povede k jednoduššímu a logičtějšímu kódu.

    Pokud milujete mixiny, nebojte se, každá komponenta je bude mít, je to jen, že budou přepracovány tak, aby byly efektivnější a užitečnější než v současné době..

    8. Vylepšené mřížkové směsi

    Zatímco řezání komponentů mixů, nadace 6 přijde s vylepšené gridové mixiny to nám umožní vytvořit více přizpůsobené mřížky.

    IMAGE: Foundation.zurb.com

    Zurb slibuje, že budeme schopni snadno sestavit jako komplikovaný gridový systém jak chceme, včetně sofistikovanější vlastní řádky a vnořené mřížky, a schopnost převést výchozí třídy na sémantické značení. Zdokonalené mřížkové mixiny vytvoří proud vytvoření sítě ještě intuitivnější, flexibilnější a rychlejší.

    9. Bezproblémová integrace uživatelských JavaScript pluginů

    Nadace 5 má v současné době mnoho komponent JavaScriptu, jako jsou chladné modální dialogy, popisky, lepkavý navigační panel, lightboxy a mnoho dalších, které moderní webové stránky potřebují, ale nadcházející hlavní verze nám umožní napište naše vlastní JavaScriptové pluginy využití jádra nadace. Je to obrovský krok vpřed v obou uživatelská přívětivost a výkon.

    IMAGE: Foundation.zurb.com

    V budoucnu budeme schopni přístup k zabudovaným metodám inicializace, přepíná spouštěče a hraniční hodnoty, a využít všech dalších funkcí globálního JavaScriptu nadace.

    10. Plná dostupnost

    Pravděpodobně nejúžasnějším rysem nové Nadace 6 je, že bude plně přístupná. Každý fragment a útržek kódu bude obsahovat příslušné atributy WAI-ARIA a role orientačních bodů. Navíc vývojáři budou dokonce s uživatelskou příručkou o jak používat webové standardy a11y.

    IMAGE: Ministerstvo práce USA

    Pokud tedy chceme našim klientům poskytnout plně přístupnou webovou stránku, nemusíme dělat nic jiného než stavět náš design s Nadací 6. Upozorňujeme, že stále budeme potřebovat přidejte příslušná pravidla ARIA na naše stránky HTML, Přestože Zurb přichází a11y uživatelská příručka jistě usnadní proces učení.