Homepage » Web Design » Alapítvány 6 - 10 új funkciók

    Alapítvány 6 - 10 új funkciók

    Az Alapítvány front-end fejlesztői nemcsak a babérjaikban ültek, míg a Bootstrap csapat nagyszerű újdonságaival foglalkozott. Tavaly egy fantasztikus World Tour-n mentek, hogy megosszák ismereteiket a felhasználókkal, és megkérdezzék tőlük, hogyan használják az Alapítványt a valós életük során.

    Miután visszatértek az íróasztalukra, összegyűjtötték a felhasználók igényeit és kívánságait, és megkezdték a keretrendszer új jelentős kiadásának tervezését: Foundation 6.

    Még mindig fejlesztés alatt áll, de a tervek nagyon ígéretesek. A következő funkciók három fő területre összpontosítanak: teljesítmény, testreszabhatóság és hozzáférhetőség. Nézzük meg most 10 ilyen funkciót.

    1. Egyszerűsített munkafolyamat

    Felhasználóik tapasztalatai alapján az Alapítvány csapata új szlogenet fejlesztett ki, nevezetesen “Prototípus a termeléshez”, Ez egy új, egyszerűsített munkafolyamatot jelent, amely lehetővé teszi a tervezők és fejlesztők számára egyenesen a prototípusról a termelésre.

    Az új Alapítvány 6 célja egy rugalmas és könnyen testreszabható keret biztosítása, amely lehetővé teszi írj tiszta és szemantikus kódot a kezdetektől fogva. Az alapítvány 5-ös verziója lehetővé teszi a gyors prototípusok készítését is, de tudjuk további munkafolyamat-optimalizálást vár a következő kiadásban.

    2. Egyszerűsített telepítési folyamat a Sass verzióhoz

    Az Alapítvány kereteinek egyik legbámulatosabb dolog az, hogy a Sass stíluslap nyelvén épült, így lehetséges gyorsan testre szabhatja az alapértelmezett stílusszabályokat a tényleges igényekhez.

    A Sass telepítési folyamat azonban sok felhasználó számára egy kicsit megfélemlítő volt, így az új jelentős kiadás kap egy egyszerűsített telepítési folyamatot a Sass verzióhoz. Ez azt jelenti, hogy a Sass telepítés lesz sokkal kevesebb függőséget igényelnek mint előtte. Természetesen, ha inkább a vanília CSS verziót választja, akkor még mindig választhat.

    3. A Maximalisták számára egy új, feltöltött telepítési verem

    A rendszeres Sass verzió mellett az Alapítvány 6-os lesz A Sass verziója a fejlesztőknek hatékony testreszabási lehetőségeket biztosít.

    A ZURB, az Alapítvány alkotója megnyitja saját fejlesztői stackjét a nyilvánosság számára, beleértve sajátjaikat is statikus helygenerátor, élő-újratöltő szerver és belső optimalizálási technikák beleértve az UnCSS integrálását a fel nem használt stílusok eltávolítására, és az UglifyJS a JavaScript tömörítésére.

    Tehát alapvetően lehetővé válik, hogy ugyanabban a fejlesztési környezetben dolgozhassunk, mint a ZURB belsőleg.

    4. Csökkentett oldal betöltési idő

    Az Alapítvány csapatának konstruktív kritikával kellett szembenéznie, amely szerint a legtöbb Alapítványi projektben a CSS-kód 90% -át el nem érte. Ez nemcsak igaz az Alapítványra, hanem más fontos CSS keretrendszerekre is, mint a Bootstrap és a TopCoat. Válaszuk részeként Zurb úgy döntött, hogy jelentősen csökkenti a kiadott CSS fájlméretét egy kb. 40-50% -os kódcsökkentés végrehajtásával.

    KÉP: Freepik.com

    Érdekes megjegyezni, hogy megpróbálják megkülönböztetni magukat a Bootstrap-tól:Az Alapítvány nem olyan keretrendszer, amely stilisztikai osztályokat és párnázást, kerekeket és sugárokat tartalmaz(. (Lásd a Bootstrap 4 új segédprogram osztályait az előző hozzászólásunkban).

    5. Alapvető stílusok, mint a drótvázak

    A teljesítményfejlesztési törekvés másik része az, hogy hozzon létre egy olyan alapstílust, amely drótvázként működik, mint egy végleges design. Ez elsősorban egy világosabb témához vezet, de egy másik nagy előnye is van. Ahogy egyre több stílusszabályt helyeznek át az egyes összetevőkbe, a fejlesztőknek lehetőségük lesz rá könnyebben formázza a tervezést.

    KÉP: Freepik.com

    Remélhetőleg ez azt jelenti, hogy az Alapítványon alapuló oldalak kevésbé hasonló, szabványosított megjelenésű, és a tervezőknek több helyük lesz az expszép és egyedi megoldássalionok, amelyek egy unalmas kinézetű webre utaló közelmúltbeli gondokat.

    6. Könnyített szelektív import

    Az Alapítvány 5 lehetővé teszi a fejlesztők számára, hogy csak a használni kívánt összetevőket válasszák. Az Alapítvány ezt a törekvést a következő szintre fogja vinni a szelektív import funkció áthelyezése a _settings.scss Sass fájlba.

    KÉP: Zurb.com

    Így a _settings.scss lesz a valóban univerzális konfigurációs fájl, mivel nem tudjuk testreszabni a funkciókat, például a sorszélességet vagy az alapértelmezett betűtípusokat, de könnyen az összetevők közül, amelyekre nincs szükségünk. Ha így teszünk, további teljesítményjavítást érhetünk el.

    7. Leaner és Cleaner Sass

    Az újratervezési folyamat során az Alapítvány csapata újra megvizsgálta a keretrendszer minden szempontját, így is megváltoztatta a módját, hogyan használták a Sass stíluslap nyelvét. Megállapították, hogy egyes esetekben túlzsúfolták a Sass-ot, ami az a CSS kimenet szükségtelen túlkomplikációja. A leaner és tisztább kódbázis célja, hogy racionalizálják a Sass struktúrájukat is.

    KÉP: Zurb.com

    Az Alapítványban 6 tudunk várhatóan csökken a fészkelés és a specifitás, egyszerűsített média lekérdezések (egyesítették az ismétlődő kódot), és méretarányos hátsó komponens keverékek. Ez utóbbi azt jelenti, hogy kevesebb komponens keverék lesz, a többi pedig kevesebb paramétert tartalmaz, ami egyszerűbb és logikusabb kódot eredményez.

    Ha szereted a mixineket, ne aggódj, minden komponens még mindig lesz, csak azért, mert hatékonyabbá és hasznosabbá válnak, mint amilyenek jelenleg.

    8. Javított rácskeverékek

    A komponenskeverékek visszaszorításakor az Alapítvány 6 jön továbbfejlesztett grid mixins ez lehetővé teszi számunkra hozzon létre egy testreszabottabb rácsot.

    KÉP: Foundation.zurb.com

    Zurb ígéri, hogy képes leszünk könnyen építhet bonyolult hálózati rendszerként ahogy akarjuk, beleértve kifinomultabb egyéni sorok és beágyazott rácsok, és az alapértelmezett osztályok szemantikai jelölésekké való átalakításának képességét. A javított rácskeverékek az áramot teszik a hálózat létrehozása még intuitívabb, rugalmasabb és gyorsabb.

    9. Az egyéni JavaScript bővítmények zökkenőmentes integrálása

    Az 5-ös Alapítvány számos olyan JavaScript-összetevőt tartalmaz, mint a hűvös modális párbeszédpanelek, az eszköztippek, a ragadós navigációs sáv, a világítótáblák és sok más, amit a modern weboldal igényel, de a következő nagy kiadás lehetővé teszi számunkra, hogy írjon egyéni JavaScript-bővítményeket az Alapítvány magját kihasználva. Ez egy hatalmas előrelépés mindkettőben felhasználóbarát és teljesítmény.

    KÉP: Foundation.zurb.com

    A jövőben képesek leszünk hozzáférjen a beépített inicializálási módszerekhez, váltókapcsolók és töréspontok, és használja ki az Alapítvány globális JavaScript összes többi funkcióját.

    10. Teljes hozzáférés

    Valószínűleg az új Alapítvány legcsodálatosabb jellemzője 6, hogy teljesen elérhető lesz. Minden összetevő és kódrészlet a megfelelő WAI-ARIA attribútumokkal és iránypont szerepekkel fog rendelkezni. Továbbá a fejlesztők is lesznek használati útmutatóval ról ről hogyan kell használni az a11y webes szabványokat.

    KÉP: Amerikai Munkaosztály

    Tehát, ha ügyfeleinknek egy teljesen hozzáférhető weboldalt szeretnénk biztosítani, akkor nem kell semmit másra tennünk, mint a tervezést az Alapítvány 6-mal. Kérjük, vegye figyelembe, hogy továbbra is adjunk hozzá a megfelelő ARIA szabályokat saját HTML oldalunkra, bár a Zurb jövőbeli a11y felhasználói útmutatója biztosan megkönnyíti a tanulási folyamatot.