Nadace 6 je téměř připravena k vynechání beta verze a je lepší než její předchůdci téměř v každém představitelném způsobu: je mnohem jednodušší, je to jednodušší a přesto o něco sofistikovanější. Zurb překonali se.
Jak uvidíte sami, když je instalujete - je to dost jednoduché na OSX nebo Linuxu, ale v systému Windows může být Node finicky - Foundation 6 lze instalovat pouze prostřednictvím správce balíčků v těchto dnech. Mám pocit, že jsem starší, snít o starých dobrých dobách, kdy se objevily soubory CSS a nikoliv příkaz terminálu.
Přesto jsem neklamal, když jsem řekl, že Nadace 6 je úžasná. Měl bych říkat "Nadace pro weby", protože Nadace není už jenom jedním rámcem. Kromě nadace pro aplikace, Zurb byl také zaneprázdněn několika nástroji pro urychlení vývoje.
Toto vydání bylo všechno o výkonu ... můžete vytvářet stránky rychleji, tyto stránky budou stahovat rychleji a JavaScript bude běžet rychleji.
Za prvé, je tu Nadace CLI , který může nainstalovat libovolnou verzi nadace pro vás, doplněnou starterovými projekty. Předběžně sestavené CSS v nadaci pro weby budou k dispozici ke stažení samostatně po finálním vydání. Prozatím je však CLI způsob, jak ji získat, a zůstává aktuální s jakýmikoli změnami před konečným propuštěním.
Pak tam je Panini , kompilátor statické stránky s tematikou Handlebars a několik dalších funkcí, které vám pomohou rychle stavět statické prototypy nebo místa. Seskupuje Sass, vloží celý JavaScript do jednoho souboru, může komprimovat celý kód a další.
Nyní nezískávejte myšlenku, že tato verze nadace je méně plná funkcí - stále má vše, co potřebujete a víc - ale je třeba poznamenat, že některé prvky, které byly vhodnější pro aplikace než stránky, byly odstraněny. Tyto prvky jsou nyní součástí Nadace pro aplikace .
Zbytek práce v této verzi se týkal zbavování nadbytečného kódu a zjednodušení všeho, co zbylo.
Například namísto vytvoření tří různých složek menu pro tři různé návrhy menu existuje jen jedna součást menu s několika variantami. Pro osobu, která píše HTML, je malý rozdíl: přidat třídu a máte menu; změnit několik tříd a máte nabídku, která vypadá zcela odlišně.
Ve skutečnosti, pro všechny rozdíly, hodně tříd a markup budou vypadat velmi dobře, pokud ne stejný. Všechno je postaveno na Sassu, takže si ho můžete přizpůsobit jako vždy.
Toto vydání bylo o výkonu. Jakmile se naučíte, můžete rychleji vytvářet weby, tyto stránky budou stahovat rychleji a JavaScript bude fungovat rychleji. Nadace je nyní asi polovina tak těžkého, jak to bylo z hlediska velikosti souboru. Poloviční .
Starší verze podporovaly jazyky RTL (zprava doleva), jako je arabština do určité míry; ale potřebovali nějaké vyladění. Nadace 6 má podporu postavené přímo v.
Mřížka Flex je přesně to, o čem si myslíte, že je to součást Grid re-done s Flexboxem. Na jedné straně to dává řadu funkcí a možností, které pravidelná float-based mřížka nemůže zvládnout. Na druhou stranu, pravděpodobně není tak dobře podporována, zejména IE. Je to kompromis.
Pro webovou typografii bylo zahrnuto několik skvělých vylepšení. Konkrétně existují třídy pomocníků, které jsou navrženy tak, aby se typografické rozvržení mohlo jednoduše řešit:
Jak bylo uvedeno výše, všechny předchozí komponenty navigace se spojily do jedné velké flexibilní komponenty. To znamená, že všechny typy navigace se budou pekně hrát. To také znamená, že si můžete zvolit různé druhy navigace pro různé velikosti obrazovky.
Chcete navigaci na chytrý telefon a horizontální lištu na pracovní ploše? Snadno proveditelné s třídami pro velikost obrazovky. Chcete "zpět nahoru"? Stačí přidat rozbalení div kolem výchozí komponenty nabídky.
Ale i když je to jednodušší, je to stále nabité funkcemi. Nezapomeňte si prohlédnout dokumentaci o nabídkách a navigaci .
Znáte ty malé kruhy nebo čtverce - obvykle umístěné na ikonách nebo v jejich blízkosti - s malými čísly v nich? Stejně jako když máte Facebook oznámení? Ty se nazývají odznaky.
Naučíte se každý den něco nového. Nadace je má i nyní.
Potřebujete, aby něco zůstalo na obrazovce, zatímco uživatel posouvá? Chcete ho zastavit v určitém okamžiku? Sticky je váš plugin! Toto je také věc, kterou chcete použít, pokud chcete, aby Magellanské menu fungovalo stejně jako v nadaci 5.
V případě, že vám nepostačují dropdowns, akordeony, vyvrtání, popisy a modály, je zde obecný způsob, jak se věci objevit nebo zmizet. Jedná se o jednoduchou přepínací událost založenou na jazyce JavaScript, která může být použita v podstatě pro cokoli.
Představuji si, že je to pro ty časy, kdy žádný z ostatních komponentů neodpovídá účelu, nebo by byl přehnaný. Integruje knihovnu Motion UI, takže můžete animovat mizící činnost tak, jak se vám líbí.
Znamená to, že se jedná o prvek, ve kterém můžete vložit video nebo Flash objekt (yuck) a můžete to udělat, myslím. To, co je skutečně určeno, zobrazuje jakýkoli mediální objekt, například obrázek, vedle textových informací.
Můžete například umístit avatary uživatele vedle svého uživatelského jména a jejich komentář do sekce komentářů. Nebo je můžete použít k umístění data vydání filmu, hlavních herců a dalších metadat vedle přehledu filmu. Zkontrolujte dokumentaci například.
Každá funkce byla aktualizována nebo přepsána. Nicméně mnoho z nich je funkčně nezměněno. Ověřte dokumentaci, abyste se ujistili, že máte správné třídy, podívejte se na některé upgrady a jděte. Zde jsou tyto více-nebo-méně-stejné-vlastnosti, v abecedním pořadí:
Jo. Obnovené zaměření na stavby (na rozdíl od rámce, které se snaží uspokojit potřeby obou webů a aplikací) je osvěžující a snížená velikost je vždy plus.
Těšíme se na to, že bude velmi brzy žít.