Domača » Oblikovanje spletnih strani » Fundacija 6 - 10 osupljivih novih funkcij

    Fundacija 6 - 10 osupljivih novih funkcij

    Razvijalci Front-frontovega ogrodja niso le sedeli na lovorikah, medtem ko je ekipa Bootstrap-a delala na svoji izjemni novi izdaji. Lani so šli na super svetovno turnejo, da bi svoje znanje delili z uporabniki in jih spraševali o tem, kako uporabljajo fundacijo v svojem življenju..

    Po vrnitvi na svoje mize so združili potrebe in želje svojih uporabnikov ter začeli načrtovati novo glavno izdajo okvira: Fundacija 6.

    Še vedno je v razvoju, vendar so načrti zelo obetavni. Prihajajoče funkcije se osredotočajo na tri glavna področja: zmogljivost, prilagodljivost in dostopnost. Poglejmo zdaj 10 teh funkcij.

    1. Poenostavljen potek dela

    Skupina Fundacije je na podlagi izkušenj uporabnikov razvila nov slogan, in sicer “Prototip za proizvodnjo”, za Foundation 6. To pomeni nov, poenostavljen potek dela, ki bo oblikovalcem in razvijalcem omogočil šel naravnost od prototipa do proizvodnje.

    Cilj nove fundacije 6 je zagotoviti prilagodljiv in lahko prilagodljiv okvir, ki omogoča pisati čisto in semantično kodo od samega začetka. Trenutna različica, Fundacija 5 omogoča tudi hitro izdelavo prototipov, vendar lahko pričakovati nadaljnjo optimizacijo dela v prihodnji izdaji.

    2. Poenostavljeni postopek namestitve za različico Sass

    Ena od najlepših stvari v okviru Fundacije je, da je zgrajena s stilskim jezikom Sass, zato je mogoče hitro prilagodite privzeta pravila za slog našim dejanskim potrebam.

    Postopek nastavitve Sassa je bil za mnoge uporabnike malce zastrašujoč, zato bo nova velika izdaja poenostavljen postopek namestitve za različico Sass. To pomeni, da bo nastavitev Sassa zahtevajo veliko manj odvisnosti kot prej. Seveda, če vam je všeč vanilija CSS različica, se lahko še vedno odločite za to.

    3. Nov, okrepljen nastavitveni sklad za maximaliste

    Poleg redne Sass verzije bo Fundacija 6 dobila tudi souped up Različica Sass, ki bo razvijalcem omogočila zmogljive možnosti prilagajanja.

    ZURB, ustvarjalec Fundacije bo odprl svoj lastni razvojni sklad za javnost, vključno z lastnimi statični generator mesta, strežnik za osveževanje v živo in obremenitve notranjih optimizacijskih tehnik vključno z integracijo UnCSS za odstranjevanje neuporabljenih stilov in UglifyJS za stiskanje JavaScript.

    V bistvu nam bo omogočeno delo v istem razvojnem okolju, ki ga uporablja ZURB.

    4. Zmanjšan čas nalaganja strani

    Ekipa Fundacije se je morala soočiti s konstruktivno kritiko, ki je trdila, da je v večini projektov Fundacije približno 90% kode CSS neuporabna. To ni veljalo samo za Foundation, ampak tudi za druge velike CSS ogrodje, kot so Bootstrap in TopCoat. Kot del svojega odgovora se je Zurb odločil, da bo znatno zmanjšal velikost datoteke izhodnega CSS-ja z izvedbo približno 40-50-odstotnega zmanjšanja kode..

    SLIKA: Freepik.com

    Zanimivo je, da se poskušajo razlikovati od Bootstrapa z izjavo "Fundacija ni okvir, ki bo imel slogovne razrede, robove in oblazinjenje ali okrogel in polmer". (Za referenco si oglejte nove razrede pripomočkov Bootstrap 4 v prejšnji objavi).

    5. Osnovni slogi, ki delujejo kot Wireframes

    Drugi del prizadevanj za izboljšanje uspešnosti je ustvarite osnovni slog, ki deluje kot žični okvir namesto končnega modela. To v prvi vrsti vodi k svetlejši temi, ima pa še eno veliko prednost. Ker se bo več slog pravil prestavilo v posamezne komponente, bodo razvijalci imeli priložnost preprosteje oblikovati njihov dizajn.

    SLIKA: Freepik.com

    Upajmo, da to pomeni, da bodo mesta, ki temeljijo na Fundaciji, imajo manj podoben, standardiziran videz, in oblikovalci bodo imeli več prostora za expz lepim in edinstvenim solutomioni, ki bodo ovrgli nedavne skrbi zaradi dolgočasne mreže.

    6. Olajšan selektivni uvoz

    Fundacija 5 omogoča razvijalcem, da izberejo samo tiste komponente, ki jih želijo uporabiti. Fundacija 6 bo to prizadevanje prenesla na naslednjo raven premik funkcije selektivnega uvoza v datoteko _settings.scss Sass.

    SLIKA: Zurb.com

    Tako bo _settings.scss a resnično univerzalna konfiguracijska datoteka, ker ne bomo mogli samo prilagoditi funkcij, kot so širina vrstic ali privzete pisave, s pomočjo, ampak tudi zlahka izločitev komponent, ki jih ne potrebujemo. Če to storimo, lahko dosežemo nadaljnje izboljšanje uspešnosti.

    7. Leaner in Cleaner Sass

    V procesu preoblikovanja je ekipa Fundacije premislila o vseh vidikih okvira, tako da tudi oni spremenil način uporabe jezika slogov Sass. Ugotovili so, da so v nekaterih primerih preveč izkoristili Sass, ki so pripeljali do nepotrebno preveč zapletanje izhoda CSS. Z namenom, da bi v njihovem umu imeli osnovo za čistejšo in čistejšo kodo, so racionalizirali tudi Sassovo strukturo.

    SLIKA: Zurb.com

    V Fundaciji 6 lahko pričakujejo zmanjšano gnezdenje in specifičnost, poenostavljene poizvedbe v medijih (združili ponavljajočo se kodo) in sestavljene mešanice komponent. Slednje pomeni, da bo manj sestavnih komponent, preostale pa bodo imele manj parametrov, kar bo vodilo do enostavnejše in bolj logične kode.

    Če imate radi mešanice, ne skrbite, vsaka komponenta jih bo še vedno imela, le da bodo preoblikovane, da bodo učinkovitejše in uporabnejše, kot so trenutno.

    8. Izboljšane mreže

    Pri rezanju sestavnih sestavin bo prišel tudi Foundation 6 izboljšane mešanice omrežja to nam bo omogočilo ustvarite bolj prilagojeno mrežo.

    SLIKA: Foundation.zurb.com

    Zurb obljublja, da bomo lahko enostavno zgraditi kot zapleten omrežni sistem kot želimo, vključno bolj sofisticirane vrstice po meri in ugnezdene mreže, in zmožnost pretvorbe privzetih razredov v semantično označevanje. Izboljšane mešanice omrežja bodo naredile tok ustvarjanje mreže je še bolj intuitivno, prilagodljivo in hitrejše.

    9. Brezšična integracija vtičnikov po meri po meri

    Fundacija 5 ima trenutno veliko komponent JavaScript, kot so kul modalna pogovorna okna, opisi orodij, lepljiva navigacijska vrstica, lightboxes in številne druge, ki jih potrebuje sodobna spletna stran, vendar bo prihodnja velika izdaja omogočila, da napišite naše vtičnike po meri izkoriščanje jedra fundacije. V obeh je velik korak naprej prijaznost do uporabnika in zmogljivost.

    SLIKA: Foundation.zurb.com

    V prihodnosti bomo lahko dostop do vgrajenih inicializacijskih metod, preklopite sprožilce in mejne vrednosti, in uporabite vse druge značilnosti globalnega JavaScripta Fundacije.

    10. Popolna dostopnost

    Verjetno najbolj neverjetna značilnost nove fundacije 6 je, da bo popolnoma dostopna. Vsak odsek komponente in kode bo opremljen z ustreznimi atributi WAI-ARIA in vlogami mejnikov. Poleg tega bodo razvijalci tudi z navodili za uporabo približno kako uporabljati spletne standarde.

    SLIKA: Oddelek za delo v ZDA

    Torej, če želimo stranki ponuditi popolnoma dostopno spletno stran, nam ni treba storiti ničesar drugega kot graditi našo zasnovo s Fundacijo 6. Prosimo, upoštevajte, da bomo še vedno morali dodajte ustrezna pravila ARIA na naše strani HTML, čeprav Zurbov prihodnji uporabniški priročnik zagotovo olajša učni proces.