Share
Folket på ZURB og Stiftelsens samfunn av utviklere har vært hardt på jobb, og presset mot å gi ut en stor oppdatering av Foundation for Sites. La oss dykke inn, se hva som foregår akkurat nå, og spør teamet hva som kommer!
Stiftelse 6.3 gir noen solide endringer i rammen, mens du holder deg til det som gjør det så bra.
Kort får stadig mer popularitet som et mønster på nettet; De er en veldig god måte å vise brukerne dine kondenserte deler av informasjon, og de fungerer bra for lydhørige nettsteder. Ikke bare det, de er intuitive også, så lenge du bruker dem riktig!
Det var noen debatt om å sette kort i Foundation-er det en komponent du faktisk trenge i et responsivt rammeverk, eller skal du bygge dine egne kort med verktøyene du får? Bunnlinjen er at stiftelsen også er et raskt prototypingsverktøy, og for meg betyr inkludering av kort at jeg kan prototype det mye raskere. Selv når de går til produksjon, er disse kortene et godt tillegg til kraften.
Flexbox er flott, fordi det gir oss mulighet til å gjøre mer (du har gjettet det!) Fleksible layouter i våre design. Flexbox har som mål å gi en mer effektiv måte å legge ut og distribuere mellomrom på elementer i websiden din, selv (og dette er den store delen) når størrelsen på elementene er dynamisk og ukjent.
Foundation 6.3 gir oss hjelpere som gjør Flexbox mer tilgjengelig og lettere å prototype med. For eksempel er floats og clearfix hacks; betyr til en slutt. For å erstatte de bruker vi Flexbox Helpers.
"Flexbox er en viktig del av moderne webdesign, og vi ønsker å holde oss på det." - Kevin, Stiftelsen Community Manager
Noen vil si at dette kan ha vært forsinket, men det har blitt gjort til slutt. The Off-Canvas-elementet har hatt en omarbeidelse og det er kjempebra. Du trenger ikke engang å endre noen mark-up siden den er bakoverkompatibel.
Markeringen av det nye Off-Canvas er enda enklere; Vi har nå muligheten til å bruke Off-Canvas som et overlegg og åpne fra toppen eller bunnen, i stedet for å bare skyve innholdet vekk. Selv det er nå mer polert enn noensinne, så vær sikker på å sjekke ut Off-Canvas i Foundation for Sites docs.
Noen gang falt med faner som er nyttige på store skjermer, men blir et komplett rot på mobile enheter? Ikke mer! Med "responsive trekkspill til faner" kan du bytte brukergrensesnittet ditt basert på skjermstørrelsen og gi en bedre brukeropplevelse for de mobile besøkende. Det er enkelt å implementere og fordelene er enorme!
Implementere en solid vertikal rytme i din type kan i stor grad forbedre utseendet på nettstedet ditt. Stiftelsen har alltid gjort det enkelt for oss å manipulere de forskjellige størrelsene på topptekst og kroppstekst, men med oppdateringen til Foundation 6.3 har konfigurasjonen av typografisk størrelse, linjehøyde og marginer blitt gjort tilgjengelig i en kompakt innstilling. Enkel bruk på sitt beste.
Noen ganger små oppgaver kan bli kjedelig, men så er det de oppdateringene som vil ta den smerten bort. Dette er tilfellet med de nye mutasjonsobservatørene, som arbeider bak kulissene og automatisk oppdager DOM-endringer og utløser oppdateringer i komponenter. Dette sparer deg manuelt med å reflow elementer for å utløse endringer i ting som avsløre modaler, klebrig barer, equalizer og mer. awesomeness.
Dypkobling spiller en viktig rolle når du får brukerne til riktig side, spesielt viktig på e-handelsnettsteder og mobilapper. Med Foundation 6.3 kan du enkelt lede brukerne dine til bestemt innhold du har plassert i faner og dermed bruke dypkobling selv.
Frem til denne siste oppdateringen fra Foundation, må du sette opp dine egne tilpassede utskriftsformater for nettsider. Stiftelsen ville bare vise mobilskjermen, mens andre rammer ikke engang ville gjøre det, noe som betyr at du hadde fått hendene skitne og gjør arbeidet selv.
Disse dagene er en ting fra fortiden, takket være Stiftelse 6.3, fordi du nå kan angi nøyaktig hvilket bruddpunkt du vil ha utskriftssiden til å speile, og Stiftelsen vil finne ut resten. Hyggelig.
Vi ønsket litt innsideinformasjon om hvordan rammen har nådd sin nåværende posisjon. Vi spurte også hva vi kan forvente fra Foundation i 2017. Dette var hva ZURB-teamet måtte si:
Hva var de største utfordringene å overvinne i 2016?
Det ville ha vært hvordan nettlesere ville håndtere bestemte CSS-selektorer og våre nett. De jobber alle sammen pent, men det tok litt tid for moderne nettlesere å få tak i alt nettet har å tilby.
Vårt CSS-nett trengte (og trenger) å bli mer allsidig og bli en sentral del av Foundation. Vi trenger å se hva den kjerneverdien gir, og hvordan den fordeler alle som bruker rammen vår.
Hva forventer du å oppnå i 2017?
En av tingene vi jobber med, og hva vi helt sikkert vil oppnå i 2017, er å omarbeide JavaScript for Foundation. Vi skal dra nytte av de moderne verktøyene der ute, og også gjøre det enklere for brukerne å plugge egne tilpassede komponenter.
En ting ville være å omarbeide menyelementene. De er allerede veldig kraftige, men når du tar dem utenfor deres norm, er de fortsatt litt skjøre. Vi vil jobbe hardt for å komme til det punktet at du kan tilpasse dem, men det passer ditt prosjekt.
Hva er hoved- prioritet for 2017?
Vi vil definitivt se på brukervennligheten av rammen, ting som gjenbrukbare byggeklosser og en mer plug-gable Foundation, slik at folk kan legge sin egen vri på det. Å gjøre det mer pluggable gjør det mulig for mer allsidige komponenter og gjenbrukbare blokker vil la prototype bruke enda raskere og renere.
Hva kommer noen nye ting opp i 2017?
Vi vil gjerne gjøre mer med SVGs da de fortsetter å spille en større rolle i fleksibelt og responsivt webdesign. Vi ønsker å se hvordan vi kan implementere og manipulere SVGer for forskjellige stater og skjermstørrelser. En ting vi skal se på er en enklere måte å lage og integrere SVGer i prosjektet ditt ved hjelp av Foundation for Sites.
Er du redd Foundation er blitt for oppblåst?
Dette er alltid noe å være ivrig etter. På den ene siden hjelper vi mange prototyper med å prototype og utvikle seg raskere. På den annen side kan flere komponenter bety ubrukt kode, noe som gjør et magert prosjekt for oppblåst. Vi optimaliserer hvordan ting kan integreres og gjør det slik at du kan velge å jobbe i flere komponenter for ditt spesifikke prosjekt. En ting vi holder øye med, holder kjernen kompakt og sterk.
Hvordan kommer Motion UI sammen?
Det er et flott spørsmål! Vi er faktisk ganske opptatt og det er om å bli reframed for å gjøre det mer tilgjengelig. Vi skal også gå inn i mer dybde om hvordan du bruker dine egne animasjoner med Motion UI.
En ting som mangler for øyeblikket er en omfattende og nyttig dokumentasjon. Vi tror det er derfor folk bruker det ikke så mye som vi ønsker, mens Motion UI selv er et veldig kraftig bibliotek allerede. Vi holder deg oppdatert på bloggen vår og nyhetsbrev om hvordan det kommer med.
"Motion UI er allerede veldig kraftig, men vi må forbedre dokumentene for å gjøre det enklere for dere å bruke og implementere." - Rafi, Foundation Advocate
Er Flexbox fremtiden for Foundation?
Vi kjærlighet Flexbox, det er virkelig et stort, stort skritt fremover i fleksible og dynamiske komponenter. Når vi går videre med Foundation for Sites, fortsetter vi også å bevege oss mot fremtiden, og Flexbox spiller et stort løp i det. Vi skal fortsette å integrere flere og flere komponenter med flex eiendom og bruk flexmodes for alle komponenter.
Vel, det har du det, et flott rammeverk som fortsetter å bli bedre og bedre. Med Foundation 6.3 og Motion UI kommer sammen, vil vi som utviklere og brukere kunne prototype og starte enda raskere enn før. Det passer definitivt fondets femte bursdag, gratulerer!
"En stor utrop går ut til vårt dedikerte samfunn av utviklere, som fortsetter å forbedre Foundation hver gang. Takk folkens! "- Kevin, Stiftelses fellesskapssjef
Accentsconagua