Share
De mensen van ZURB en de ontwikkelaarsgemeenschap van de Foundation zijn hard aan het werk geweest en hebben aangedrongen op het vrijgeven van een grote update van Foundation for Sites. Laten we naar binnen duiken, kijken wat er nu aan de hand is en het team vragen wat er gaat komen!
Foundation 6.3 brengt enkele stevige veranderingen in het raamwerk tot stand, terwijl het trouw blijft aan wat het zo verdomd goed maakt.
Kaarten winnen steeds meer aan populariteit als een patroon op het web; ze zijn een heel goede manier om uw gebruikers gecomprimeerde stukjes informatie te laten zien, en ze werken goed voor responsieve websites. Niet alleen dat, ze zijn ook intuïtief, zolang u ze correct gebruikt!
Er was wat discussie over het plaatsen van kaarten in Foundation - is het een component die je eigenlijk bent? nodig hebben in een responsief kader, of zou u uw eigen kaarten moeten bouwen met de hulpmiddelen die u krijgt? Waar het uiteindelijk om gaat is dat Foundation ook een tool is voor snelle prototyping en voor mij betekent het opnemen van kaarten dat ik zo veel sneller kan prototypen. Zelfs wanneer ze naar de productie gaan, zijn deze kaarten een welkome aanvulling op de kracht.
Flexbox is geweldig, omdat het ons in staat stelt meer te maken (je raadt het al!) Flexibele lay-outs in onze ontwerpen. Flexbox is bedoeld om een efficiëntere manier te bieden om ruimte tussen items op uw webpagina op te stellen en te verdelen, zelfs (en dit is het grote deel) wanneer de grootte van die items dynamisch en onbekend is.
Foundation 6.3 biedt ons helpers die Flexbox toegankelijker maken en gemakkelijker te prototypen maken. Floats en clearfix zijn bijvoorbeeld hacks; betekent een doel. Om die te vervangen gebruiken we Flexbox Helpers.
"Flexbox is een belangrijk onderdeel van modern webdesign en we willen daar bovenop blijven." - Kevin, Foundation Community Manager
Sommigen zouden zeggen dat dit misschien te laat was, maar het is eindelijk gebeurd. Het Off-Canvas-element heeft een bewerking ondergaan en het is geweldig. U hoeft zelfs geen mark-up te wijzigen omdat het achterwaarts compatibel is.
De mark-up van het nieuwe Off-Canvas is nog eenvoudiger; we hebben nu de mogelijkheid om Off-Canvas als een overlay te gebruiken en van boven of onder te openen, in plaats van alleen de inhoud weg te duwen. Zelfs dat is nu meer gepolijst dan ooit, dus zorg ervoor dat je de off-canvas bekijkt in de documentatie van de Foundation for Sites.
Ooit gemompeld met tabbladen die handig zijn op grote schermen, maar een complete puinhoop worden op mobiele apparaten? Niet meer! Met "responsieve accordeon op tabbladen" kunt u uw gebruikersinterface wijzigen op basis van de schermgrootte en een betere gebruikerservaring bieden voor uw mobiele bezoekers. Het is eenvoudig te implementeren en de voordelen zijn enorm!
Het implementeren van een solide verticale ritme in uw type kan het uiterlijk van uw website aanzienlijk verbeteren. Foundation heeft het ons altijd gemakkelijk gemaakt om de verschillende groottes van header en body-tekst te manipuleren, maar met de Foundation 6.3-update zijn de configuratie van typografie-afmetingen, lijnhoogte en marges allemaal toegankelijk gemaakt in een enkele compacte omgeving. Gebruiksgemak op zijn best.
Soms kunnen kleine taken vervelend worden, maar dan zijn er updates die die pijn wegnemen. Dit is het geval met de nieuwe waarnemingen van mutaties, die achter de schermen werken en automatisch DOM-veranderingen detecteren en updates in componenten activeren. Hiermee kun je handmatig elementen opnieuw plaatsen om wijzigingen in te voeren in dingen zoals onthullende modalen, plakbalken, equalizer en meer. Geweldigheid.
Deep linking speelt een belangrijke rol bij het verkrijgen van uw gebruikers op de juiste pagina, vooral belangrijk op eCommerce-websites en mobiele apps. Met Foundation 6.3 kunt u uw gebruikers eenvoudig doorverwijzen naar specifieke inhoud die u in tabbladen hebt geplaatst en zo gebruik maken van deep-linking.
Tot deze laatste update van Foundation moest u uw eigen aangepaste afdrukstijlbladen voor webpagina's instellen. Foundation zou alleen het mobiele scherm laten zien, terwijl andere frameworks dat zelfs niet zouden doen, wat betekent dat je je handen vies had gemaakt en het werk zelf deed.
Die dagen zijn verleden tijd dankzij Foundation 6.3, omdat je nu precies kunt specificeren welk onderbrekingspunt je wilt dat je printpagina weerspiegelt, en Foundation zal de rest berekenen. Leuk.
We wilden wat inside-informatie over hoe het framework zijn huidige positie heeft bereikt. We hebben ook gevraagd wat we van de Foundation in 2017 kunnen verwachten. Dit zei het ZURB-team:
Wat waren de grootste uitdagingen om te overwinnen in 2016?
Dat zou de manier zijn geweest waarop browsers bepaalde CSS-selectors en onze grids zouden gebruiken. Ze werken allemaal allemaal goed, maar het heeft even geduurd voordat moderne browsers konden bijpraten wat het web allemaal te bieden heeft.
Ons CSS-raster heeft (en moet) nodig zijn om veelzijdiger te worden en een kerncomponent van Foundation te worden. We moeten zien wat die kernwaarde biedt en hoe het ten goede komt aan iedereen die ons raamwerk gebruikt.
Wat verwacht je in 2017 te bereiken??
Een van de dingen waar we aan werken, en wat we in 2017 zeker zullen bereiken, is het herwerken van onze JavaScript voor Foundation. We gaan meer gebruikmaken van de moderne tools die er zijn en het ook voor onze gebruikers eenvoudiger maken om hun eigen aangepaste componenten aan te sluiten.
Nog een ding zou de menu-onderdelen herwerken. Ze zijn al erg krachtig, maar als je ze buiten hun norm haalt, zijn ze nog steeds een beetje kwetsbaar. We zullen er hard aan werken om het punt te bereiken dat u ze kunt aanpassen, maar het past bij uw project.
Wat is de hoofd prioriteit voor 2017?
We zullen zeker kijken naar het gebruiksgemak van het framework, dingen zoals herbruikbare bouwstenen en een meer plug-gable Foundation, zodat mensen er hun eigen draai aan kunnen geven. Door het meer plug-gable te maken, kunnen meer veelzijdige componenten worden gebruikt en door herbruikbare blokken kan het prototype nog sneller en schoner worden.
Wat zijn enkele nieuwe dingen die eraan komen in 2017?
We willen meer doen met SVG's omdat ze een grotere rol blijven spelen in flexibel en responsief webontwerp. We willen zien hoe we SVG's voor verschillende staten en schermformaten kunnen implementeren en manipuleren. Een ding dat we zullen bekijken, is een eenvoudigere manier om SVG's in uw project te maken en te integreren met behulp van Foundation for Sites.
Ben je bang dat Foundation te opgeblazen raakt??
Dit is altijd iets om enthousiast over te zijn. Aan de ene kant helpt het hebben van veel componenten ons sneller prototypen en ontwikkelen. Aan de andere kant kunnen meer componenten ongebruikte code betekenen, wat een lean-project te opgeblazen maakt. We optimaliseren hoe de dingen kunnen worden geïntegreerd en zorgen ervoor dat u kunt kiezen om in extra componenten voor uw specifieke project te werken. Eén ding dat we scherp in de gaten houden, is de kern compact en sterk houden.
Hoe gaat Motion UI mee??
Dat is een geweldige vraag! We hebben het eigenlijk best druk en het staat op het punt om opnieuw te worden ingericht om het toegankelijker te maken. We gaan ook dieper in op het gebruik van je eigen animaties met Motion UI.
Een ding dat op dit moment ontbreekt, is een uitgebreide en nuttige documentatie. We denken daarom dat mensen het niet zo vaak gebruiken als we zouden willen, terwijl Motion UI zelf al een zeer krachtige bibliotheek is. We houden u op de hoogte op onze blog en nieuwsbrief over hoe het gaat.
"Motion UI is al erg krachtig, maar we moeten de documenten verbeteren om het voor jullie gemakkelijker te maken om te gebruiken en implementeren." - Rafi, Foundation Advocate
Is Flexbox de toekomst van Stichting?
Wij liefde Flexbox, het is echt een grote, grote stap voorwaarts in flexibele en dynamische componenten. Naarmate we verder komen met Foundation for Sites, gaan we ook verder met de toekomst en Flexbox speelt daarin een grote rol. We gaan steeds meer componenten integreren met de buigen eigendom en gebruik flexmodi voor alle componenten.
Nou ja, daar heb je het, een geweldig kader dat steeds beter en beter wordt. Met de komst van Foundation 6.3 en Motion UI kunnen wij als ontwikkelaars en gebruikers nog sneller dan voorheen prototypen en lanceren. Het past zeker de 5e verjaardag van Foundation, gefeliciteerd!
"Een enorme shout-out gaat uit naar onze toegewijde community van ontwikkelaars, die telkens weer Foundation verder verbeteren. Bedankt jongens! "- Kevin, Foundation Community Manager
Accentsconagua