Hjemmeside » Webdesign » Foundation 6 - 10 fantastiske nye funktioner

    Foundation 6 - 10 fantastiske nye funktioner

    Udviklere af fundamentet for frontlinjen har ikke kun sat på deres laurbær, mens Bootstrap-teamet har arbejdet på deres imponerende nye store udgivelse. Sidste år gik de på en fantastisk World Tour for at dele deres viden med deres brugere og spørge dem om, hvordan de brugte Foundation i deres virkelige arbejde.

    Efter at have vendt tilbage til deres skriveborde, aggregerede de brugernes behov og ønsker og begyndte at planlægge den nye store udgivelse af rammerne: Stiftelse 6.

    Det er stadig under udvikling, men planerne er meget lovende. De kommende funktioner fokuserer på 3 hovedområder: ydeevne, tilpasningsevne og tilgængelighed. Lad os se på 10 af disse funktioner nu.

    1. Streamlined Workflow

    Baseret på deres brugers erfaringer udviklede instituttets team et nyt slogan, nemlig “Prototype til produktion”, for Foundation 6. Dette betyder en ny, strømlinet arbejdsgang, der gør det muligt for designere og udviklere at gå lige fra prototype til produktion.

    Målet med det nye institut 6 er at skabe en fleksibel og let tilpasselig ramme, der gør det muligt at skriv ren og semantisk kode fra begyndelsen. Den nuværende version, Foundation 5 tillader også hurtig prototyping, men vi kan Forvent yderligere workflow optimering i den kommende udgivelse.

    2. Forenklet installationsproces til Sass-versionen

    En af de mest fantastiske ting om fundamentets ramme er, at den er bygget med Sass stilarksprog, så det er muligt at hurtigt tilpasse standard stil regler til vores faktiske behov.

    Sass installationsprocessen har dog været en smule skræmmende for mange brugere, så den nye store udgivelse vil få en forenklet installationsproces til Sass-versionen. Det betyder, at Sass opsætningen vil kræver langt færre afhængigheder end før. Selvfølgelig, hvis du foretrækker vanille CSS-versionen, kan du stadig vælge det.

    3. En ny, suppupperet installationsstabel til maksimalister

    Udover den almindelige Sass-version kommer Foundation 6 med en suppe Sass-version, der giver udviklere stærke tilpasningsmuligheder.

    ZURB, skaberen af ​​Foundation vil åbne deres egen udviklingsbunke for offentligheden, herunder deres egne statisk site generator, live-reload server og masser af indre optimeringsteknikker herunder integrationen af ​​UnCSS til fjernelse af ubrugte stilarter og UglifyJS til JavaScript-komprimering.

    Så dybest set vil vi være i stand til at arbejde i det samme udviklingsmiljø, som ZURB internt bruger.

    4. Mindsket sideindlæsningstid

    Stiftelsen holdet skulle stå over for en konstruktiv kritik, der hævdede, at 90% af CSS-koden i de fleste Foundation-projekter ikke bliver brugt. Dette var ikke kun sandt for Foundation, men også for andre store CSS-rammer som Bootstrap og TopCoat. Som en del af deres svar besluttede Zurb at reducere filstørrelsen af ​​det udleverede CSS betydeligt ved at implementere en ca. 40-50% kode reduktion.

    IMAGE: Freepik.com

    Det er interessant at bemærke, at de forsøger at adskille sig fra Bootstrap ved at angive "Foundation er ikke en ramme, der vil have stilistiske klasser margen og polstring eller runde og radius". (For reference se Bootstrap 4s nye Utility Classes i vores tidligere indlæg).

    5. Basisformater, der fungerer som trådrammer

    Den anden del af forbedringsindsatsen er at skabe en base stil, der fungerer som en wireframe i stedet for et endeligt design. Dette fører primært til et lysere tema, men har også en anden stor fordel. Da flere stilregler vil blive flyttet til individuelle komponenter, vil udviklere have mulighed for lettere stil deres design.

    IMAGE: Freepik.com

    Forhåbentlig betyder det, at websteder baseret på Foundation vil har mindre af et lignende, standardiseret udseende, og designere vil have mere plads til experiment med smuk og unik opløsningioner, der vil afvise de seneste bekymringer om et kedeligt udseende web.

    6. Faciliteret selektiv import

    Foundation 5 giver udviklere mulighed for kun at vælge de komponenter, de ønsker at bruge. Stiftelse 6 vil tage denne bestræbelse på næste niveau ved flytter den selektive importfunktion til _settings.scss Sass-filen.

    BILLEDE: Zurb.com

    Denne måde _settings.scss bliver en virkelig universel konfigurationsfil, da vi ikke kun vil kunne tilpasse funktioner som rækkevidde eller standard skrifttyper med hjælp, men også let vælger de komponenter, vi ikke har brug for. Hvis vi gør det, kan vi opnå en yderligere forbedring af ydeevnen.

    7. Leaner og Cleaner Sass

    I redesignprocessen genoptog stiftelsens hold hvert aspekt af rammen, så de også ændrede måden, hvordan de har brugt Sass stilarksprog. De fandt ud af, at de i nogle tilfælde har brugt Sass, der fører til unødvendig overcomplication af CSS output. Med målet om en slankere og renere kodebase i deres sind har de også rationaliseret deres Sass-struktur.

    BILLEDE: Zurb.com

    I Foundation 6 kan vi forventer nedsat nesting og specificitet, strømlinede medier forespørgsler (de slog sammen repetitive kode), og nedskalerede komponentblandinger. Sidstnævnte betyder, at der vil være mindre komponentblandinger, og de resterende vil have færre parametre, hvilket vil føre til en enklere og mere logisk kode

    Hvis du elsker mixins, skal du ikke bekymre dig, hver komponent vil stadig have dem, det er bare, at de bliver omdesignet for at være mere effektive og nyttige end de i øjeblikket er.

    8. Forbedrede Grid Mixins

    Ved at skære komponentblandinger tilbage, kommer Foundation 6 med forbedrede gittermixiner det vil tillade os at opret et mere tilpasset net.

    IMAGE: Foundation.zurb.com

    Zurb lover at vi vil kunne nemt opbygge som kompliceret gitter system som vi vil have, herunder mere sofistikerede brugerdefinerede rækker og nestede net, og evnen til at konvertere standardklassen til semantisk markup. De forbedrede gittermixiner vil gøre strømmen netværksdannelse endnu mere intuitiv, fleksibel og hurtigere.

    9. Problemfri integration af brugerdefinerede JavaScript-plugins

    Foundation 5 har i øjeblikket mange JavaScript-komponenter som kølige modale dialoger, værktøjstips, klæbrig navigationslinje, lightboxes og mange andre, som en moderne hjemmeside har brug for, men den kommende store udgivelse gør det muligt for os at skriv vores tilpassede JavaScript plugins udnytte fondens kerne. Det er et stort fremskridt i begge dele brugervenlighed og ydeevne.

    IMAGE: Foundation.zurb.com

    I fremtiden vil vi kunne få adgang til de indbyggede initialiseringsmetoder, skifte udløser og breakpoints, og gøre brug af alle de andre funktioner i Foundations globale JavaScript.

    10. Fuld tilgængelighed

    Sandsynligvis den mest fantastiske funktion i det nye fundament 6 er, at det vil være fuldt tilgængeligt. Hver komponent og kodestykke kommer med de relevante WAI-ARIA attributter og landemærkningsroller. Desuden vil udviklere endda være forsynet med en brugervejledning om hvordan man bruger a11y webstandarder.

    IMAGE: US Dept of Labor

    Så hvis vi ønsker at give vores klient et fuldt tilgængeligt websted, behøver vi ikke andet end at opbygge vores design med Foundation 6. Bemærk venligst, at vi stadig skal bruge Tilføj de relevante ARIA-regler på vores HTML-sider alene, selvom Zurb's kommende brugervejledning vil helt sikkert lette læringsprocessen.