Zurb má dlouhou historii poskytování úžasných webových aplikací a zdrojů pro návrháře a vývojáře. Mezi jejich aplikace patří mimo jiné Notable, Axe, Enroll a Spur.
Jiné zdroje ze serveru Zurb zahrnují vše od statických skicovacích listů a papíru na mřížce, tlačítka CSS, nástroje CSS3, příklady vizuálních efektů a animací a mnohem více.
Zurb nedávno spustil nový nástroj pro designéry, nazvaný Nadace , bezplatný rámec rychlého prototypování.
Zurbův vedoucí designér, Jonathan, nám odpověděl na některé otázky o novém projektu.
Nadace je rámec pro rychlé vytváření prototypů a vytváření citlivých webů a aplikací. Umožňuje vám rychle sestavit stránky, včetně rozvržení a společných prvků, jako je navigace, stránkování, formuláře a další, takže můžete vidět, jak vaše stránky fungují na stolních počítačích, tabletech a telefonech. Pak můžete tento kód vzít a přizpůsobit ho nebo jej přizpůsobit jako horninový výrobní kód.
Uvědomili jsme si, že nástroje pro vytváření citlivých webů - stránek, které pracují na jakémkoli zařízení - nebyly jen nedostatečné, ale opravdu neexistovaly. Existuje řada rámců CSS, které lidé používají, ale vše bylo navrženo pro pevné rozvržení. Mobilní zařízení budou v příštích 2 letech představovat více než polovinu veškeré internetové přenosové kapacity, takže jejich navrhování a budování není trest smrti pro on-line produkty nebo služby. Chtěli jsme nástroj, který by nám umožnil nejen poskytnout skvělé zážitky všem zařízením, ale velmi rychle testovat, jak skvělé zkušenosti skutečně vypadaly a cítili.
V posledních několika měsících jsme použili nadaci pro všechny naše interní weby a projekty, ale pokud jsem musel vybrat jeden skvělý příklad, byl by webovou aplikací, kterou jsme nedávno vydali pod názvem Spur. Spur je nástroj pro provádění tradičních kritických konstrukcí tím, že vám umožní zachytit webovou stránku nebo nahrát obrázek a pak jej prohlížet rozostřením, zvýšeným kontrastem, rotací a jinými efekty, které odhalují, jak se vzhled zobrazuje. Navrhli jsme to od základů s Foundation na podporu stolních počítačů, tablet a iPhonů; vše ze stejného předčíslového kódu.
Pokud vyskočíte z aplikace na různých zařízeních, uvidíte různé nástroje a jemně upravené rozvržení, které jsou všechny možné díky třídám třídy Visibility pro mobilní zařízení. Umožňují vám snadné označování prvků, které mají být skryty nebo zobrazeny na konkrétních typech zařízení, jako například "skryté telefony" nebo "show-on-tablets". To, že vlastní inovativní schopnost přizpůsobit se všem velikostem, znamenalo, že Spur má kluzký, přizpůsobený zážitek pro jakýkoli typ zařízení s velmi malým množstvím dodatečného úsilí.
Práce zcela s procenty samozřejmě dodává určitou složitost, zejména pokud jde o obrázky a flexibilitu některých objektů, jako jsou panely nástrojů, ale za určitou konkrétní nadací CSS se postaralo téměř o všechno.
Každý, kdo chce, aby byl jeho web nebo aplikace relevantní za pár let, by měla být budována pro více zařízení a Nadace je dobrým nástrojem pro to. Nadace je ideální pro nové weby, které chcete rychle prototypovat a stavět, protože můžete rozložit celé lokality během několika minut pomocí flexibilní sítě a společných prvků, které jsou již součástí.
Nalezli jsme nadaci, která je obzvlášť užitečná pro firmy nebo organizace, které mají obavy ohledně nákladů (v čase a zdrojů) na budování mobilních zařízení. Nadace vám pomáhá dělat věci rychle a najednou.
Neustále pracujeme na nadaci a přidáváme společné prvky, které lidé požadovali nebo jsme viděli potřebu. Nedávno jsme přidali novou čtyřstrannou telefonní síť, abyste mohli složitější rozvržení pro velmi malé zařízení a budeme pokračovat v práci na podpoře zařízení a vzorů. Také zvažujeme věci, jako jsou šablony stránek, balíčky kódů pro specifické využití, jako je kabeláž, a pracovat s externími vývojáři na zásuvných modulech pro jiné rámce, jako je Less, SaSS, Drupal, WordPress atd.
Naším cílem je, aby nadace byla více než jen otevřeným rámcem, ale kompletní komunitní a rozvojový přístup pro front-end. Rádi bychom měli ještě více přispěvatelů, a to jak v otázkách, požadavcích na funkce a kódování Github a my rádi odpovíme na otázky na [email protected]