Početna » Web dizajn » Zaklada 6 - 10 nevjerojatnih novih značajki

    Zaklada 6 - 10 nevjerojatnih novih značajki

    Razvijači okvira Foundation front-end nisu samo sjedili na lovorikama dok je Bootstrap tim radio na svom impresivnom novom izdanju. Prošle su godine otišli na nevjerojatnu World Tour kako bi podijelili svoje znanje sa svojim korisnicima i pitali ih o tome kako koriste Zakladu u stvarnom životu..

    Nakon što su se vratili na svoje stolove, prikupili su potrebe i želje svojih korisnika i započeli s planiranjem novog velikog izdanja okvira: Foundation 6.

    Još je u razvoju, ali planovi su vrlo obećavajući. Značajke koje dolaze dolaze usmjerene su na 3 glavna područja: performanse, prilagodljivost i dostupnost. Pogledajmo sada 10 ovih značajki.

    1. Pojednostavljeni tijek rada

    Na temelju iskustava svojih korisnika, tim Zaklade razvio je novi slogan, naime “Prototip za proizvodnju”, za Foundation 6. To znači novi, pojednostavljeni tijek rada koji će dizajnerima i programerima omogućiti ići ravno od prototipa do proizvodnje.

    Cilj nove Zaklade 6 je pružiti fleksibilan i lako prilagodljiv okvir koji omogućuje pisati čist i semantički kod od samog početka. Trenutna verzija, Foundation 5 također omogućuje brzu izradu prototipova, ali možemo očekivati ​​daljnju optimizaciju rada u narednom izdanju.

    2. Pojednostavljeni postupak postavljanja za Sass verziju

    Jedna od najupečatljivijih stvari u okviru Zaklade je da je izgrađena sa Sass stilskim jezikom, tako da je moguće brzo prilagodite zadana pravila stila našim stvarnim potrebama.

    Sass postava je za mnoge korisnike bila pomalo zastrašujuća, tako da će nova velika izdanja dobiti pojednostavljeni postupak postavljanja za Sass verziju. To znači da će Sass postaviti zahtijevaju znatno manje ovisnosti nego prije. Naravno, ako vam je draža vanilija CSS verzija, još uvijek se možete odlučiti za to.

    3. Novi, zapečeni gore postavljeni stup za maksimaliste

    Osim redovite Sass verzije, Foundation 6 će doći sa soupedom Sass verzija koja će razvijateljima pružiti moćne mogućnosti prilagodbe.

    ZURB, kreator Zaklade otvorit će vlastiti razvojni stub za javnost, uključujući i vlastite statički generator web-mjesta, poslužitelj za ponovno učitavanje uživo i opterećenja unutarnjih tehnika optimizacije uključujući integraciju UnCSS-a za uklanjanje neiskorištenih stilova i UglifyJS za JavaScript kompresiju.

    U osnovi, bit će nam omogućeno da radimo u istom razvojnom okruženju koje interno koristi ZURB.

    4. Smanjeno vrijeme učitavanja stranice

    Tim Zaklade morao se suočiti s konstruktivnom kritikom koja je tvrdila da je u većini projekata Zaklade oko 90% CSS koda neiskorišteno. To nije vrijedilo samo za Foundation, već i za druge velike CSS okvire kao što su Bootstrap i TopCoat. Kao dio njihovog odgovora, Zurb je odlučio značajno smanjiti veličinu izlaznog CSS-a primjenom približno 40-50% redukcije koda..

    SLIKA: Freepik.com

    Zanimljivo je da se pokušavaju razlikovati od Bootstrapa navodeći "Zaklada nije okvir koji će imati stilsku marginu i padding ili okrugli i radijus". (Za referencu pogledajte nove uslužne klase programa Bootstrap 4 u prethodnom postu).

    5. Osnovni stilovi koji djeluju kao Wireframes

    Drugi dio nastojanja za poboljšanje performansi je u tome stvorite osnovni stil koji djeluje kao žičani okvir umjesto konačnog dizajna. To prvenstveno vodi do svjetlije teme, ali ima i drugu veliku prednost. Kako će se više pravila stilova premjestiti u pojedine komponente, programeri će imati priliku lakše oblikovati njihov dizajn.

    SLIKA: Freepik.com

    Nadam se da to znači da će stranice utemeljene na Zakladi imaju manje sličnog, standardiziranog izgleda, i dizajneri će imati više prostora za expuz prekrasan i jedinstven solutiona koji će pobiti nedavne brige oko dosadne web-izgleda.

    6. Olakšani selektivni uvoz

    Foundation 5 omogućuje programerima da odaberu samo komponente koje žele koristiti. Zaklada 6 će ovaj pothvat podići na sljedeću razinu premještanje značajke selektivnog uvoza u datoteku _settings.scss Sass.

    SLIKA: Zurb.com

    Na taj način _settings.scss bit će doista univerzalna konfiguracijska datoteka, budući da nećemo moći samo prilagoditi značajke kao što je širina retka ili zadane fontove, ali i jednostavno isključivanje komponenti koje nam nisu potrebne. Ako to učinimo, možemo postići daljnje poboljšanje performansi.

    7. Leaner i Cleaner Sass

    U procesu redizajna, tim Zaklade ponovno je razmislio o svakom aspektu okvira, pa tako i oni promijenio način na koji su koristili jezik Sass stilova. Otkrili su da su u nekim slučajevima prekomjerno koristili Sassa koji su vodili do nepotrebno prekompliciranje CSS izlaza. S ciljem manjeg i čistijeg koda u svom umu, oni su također racionalizirali svoju Sass strukturu.

    SLIKA: Zurb.com

    U Fondaciji 6 možemo očekivati ​​smanjeno gniježđenje i specifičnost, pojednostavljeni medijski upiti (spojili ponavljajući kod) i umanjeni sastavni dijelovi mjernih jedinica. Ovo posljednje znači da će biti manje sastojaka komponenti, a preostali će imati manje parametara, što će dovesti do jednostavnijeg i logičkijeg koda

    Ako volite mixine, ne brinite, svaka će ih komponenta i dalje imati, samo će biti redizajnirana kako bi bila učinkovitija i korisnija nego što su trenutno.

    8. Poboljšani miksovi mreže

    Prilikom rezanja komponentnih mješavina, temelj će doći s 6 poboljšane mješavine mreže to će nam omogućiti stvoriti prilagođenu mrežu.

    SLIKA: Foundation.zurb.com

    Zurb obećava da ćemo moći lako graditi kao kompliciran sustav mreže kao što želimo, uključujući sofisticiraniji prilagođeni redovi i ugniježđene mreže, i mogućnost pretvaranja zadanih klasa u semantičku oznaku. Poboljšani mrežni miksini učinit će struju stvaranje mreže još je intuitivnije, fleksibilnije i brže.

    9. Besprijekorna integracija prilagođenih JavaScript dodataka

    Zaklada 5 trenutno ima mnogo JavaScript komponenti kao što su cool modalni dijalozi, opisi alata, ljepljiva navigacijska traka, lightboxes i mnogi drugi koji suvremenom web-mjestu trebaju, ali nadolazeće veliko izdanje omogućit će nam napišite naše prilagođene dodatke za JavaScript iskorištavanje temeljne jezgre. To je veliki korak naprijed u oba slučaja jednostavnost i učinkovitost.

    SLIKA: Foundation.zurb.com

    U budućnosti ćemo to moći pristup ugrađenim metodama inicijalizacije, preklopni okidači i lomnih, i iskoristiti sve druge značajke globalnog JavaScripta Zaklade.

    10. Potpuna pristupačnost

    Vjerojatno najnevjerojatnija značajka nove Zaklade 6 je da će biti potpuno pristupačna. Svaka komponenta i isječak koda dolaze s odgovarajućim atributima WAI-ARIA i ulogama orijentira. Osim toga programeri će čak biti s uputama za korisnike oko kako koristiti web standarde.

    SLIKA: Odjel za rad u SAD-u

    Stoga, ako želimo klijentu pružiti potpuno pristupačnu web-lokaciju, ne trebamo učiniti ništa drugo osim izgraditi svoj dizajn s Fondacijom 6. Napominjemo da ćemo i dalje trebati dodajte odgovarajuća pravila ARIA-a na naše HTML stranice sami, iako Zurbov dolazni korisnički vodič sigurno će olakšati proces učenja.