ZURB heeft een lange geschiedenis met geweldige web-apps en hulpmiddelen voor ontwerpers en ontwikkelaars. Hun apps zijn onder meer Notable, Axe, Enroll en Spur.
Andere bronnen van Zurb omvatten alles, van downloadbare schetsbladen en rasterpapier, CSS-knoppen, CSS3-tools, visuele effecten en animatievoorbeelden, en nog veel meer.
Zurb heeft onlangs een nieuwe tool gelanceerd voor ontwerpers fundament , een gratis rapid prototyping framework.
Lead Designer van Zurb, Jonathan, heeft ons enkele vragen over het nieuwe project beantwoord.
fundament is een raamwerk voor het snel prototypen en bouwen van responsieve sites en apps. Hiermee kunt u snel pagina's samenstellen, inclusief lay-out en algemene elementen zoals navigatie, paginering, formulieren en meer zodat u kunt zien hoe uw site werkt op desktops, tablets en telefoons. Dan kunt u die code gebruiken en deze aanpassen of aanpassen aan een keiharde productiecode.
We beseften dat de tools die beschikbaar zijn voor het bouwen van responsieve sites - sites die op elk type apparaat werken - niet alleen ontoereikend waren, maar echt niet bestonden. Er zijn een aantal CSS-frameworks die mensen gebruiken, maar alles is ontworpen voor vaste lay-outs. Mobiele apparaten nemen de komende twee jaar meer dan de helft van al het internetverkeer voor hun rekening, dus niet ontwerpen en bouwen voor hen is een doodvonnis voor online producten of diensten. We wilden een tool waarmee we niet alleen een geweldige ervaring konden leveren voor elk apparaat, maar ook heel snel konden testen hoe een geweldige ervaring er echt uitzag en voelde.
We hebben Foundation de afgelopen maanden voor al onze interne sites en projecten gebruikt, maar als ik een goed voorbeeld moest kiezen, zou het een webapp zijn die we onlangs Spur hebben uitgegeven. Spur is een hulpmiddel voor het doen van traditionele ontwerpcritici door u een webpagina te laten vastleggen of een afbeelding te uploaden en deze vervolgens te bekijken met onscherpte, verhoogd contrast, rotatie en andere effecten die laten zien hoe het visuele ontwerp stand houdt. We hebben het vanaf de basis ontworpen met Foundation om desktops, tablets en iPhones te ondersteunen; allemaal vanaf dezelfde codebase aan de voorkant.
Als u de app op verschillende apparaten opent, ziet u verschillende hulpmiddelen en subtiel aangepaste lay-outs die allemaal mogelijk zijn gemaakt met de mobiele zichtbaarheidsklassen van Foundation. Hiermee kunt u eenvoudig elementen coderen om verborgen te zijn of worden weergegeven op specifieke soorten apparaten, zoals 'Hide-on-phones' of 'show-on-tablets'. Dat en de inherente capaciteit van Foundation om te schalen naar vrijwel elke grootte betekende dat Spur een gladde, op maat gemaakte ervaring heeft voor elk apparaattype met zeer weinig extra inspanningen.
Het volledig werken met percentages voegt uiteraard enige complexiteit toe, met name wat betreft afbeeldingen en de flexibiliteit van bepaalde objecten zoals werkbalken, maar verder dan sommige specifieke CSS Foundation zorgde voor bijna alles.
Iedereen die wil dat zijn site of app in een paar jaar relevant is, zou voor meerdere apparaten moeten bouwen en Foundation is daar een goed hulpmiddel voor. Foundation is perfect voor nieuwe sites die u snel wilt prototypen en bouwen, omdat u in slechts enkele minuten hele sites kunt ontwerpen met behulp van het flexibele raster en de gemeenschappelijke elementen die al zijn opgenomen.
We hebben vastgesteld dat Foundation vooral nuttig is voor bedrijven of organisaties die zich zorgen maken over de kosten (in tijd en bronnen) om te bouwen voor mobiele apparaten - Foundation helpt je dingen snel en in één keer te doen.
We werken constant aan de Foundation, waarbij we gemeenschappelijke elementen toevoegen waar mensen om hebben gevraagd of waar we behoefte aan hebben gehad. We hebben onlangs een nieuw telefoonraster met vier kolommen toegevoegd, zodat u complexere lay-outs voor zeer kleine apparaten kunt doen en we zullen blijven werken aan apparaat- en patroonondersteuning. We overwegen ook zaken als paginasjablonen, codepakketten voor specifieke toepassingen zoals wireframing en het werken met externe ontwikkelaars op plug-ins voor andere frameworks zoals Less, SaSS, Drupal, WordPress, etc.
Ons doel is dat Foundation meer is dan alleen een open-source Framework, maar een complete community- en ontwikkelingsaanpak voor de front-end. We willen graag nog meer bijdragen leveren, zowel bij problemen, functieverzoeken als code Github en we zijn blij om vragen te beantwoorden op [email protected]