ZURB ha una lunga storia di fornitura di fantastiche app e risorse web per designer e sviluppatori. Le loro app includono Notable, Axe, Enroll e Spur, tra gli altri.
Altre risorse di Zurb includono qualsiasi cosa, dai fogli di disegno e alla griglia, ai pulsanti CSS, agli strumenti CSS3, agli effetti visivi e agli esempi di animazione e molto altro ancora.
Zurb ha recentemente lanciato un nuovo strumento per i designer, chiamato Fondazione , un framework di prototipazione rapida gratuito.
Il lead designer di Zurb, Jonathan, ha risposto ad alcune domande sul nuovo progetto.
Fondazione è un framework per la prototipazione rapida e la creazione di siti e app reattivi. Ti consente di mettere rapidamente insieme pagine, inclusi il layout e elementi comuni come la navigazione, l'impaginazione, i moduli e altro ancora per vedere come funziona il tuo sito su desktop, tablet e telefoni. Quindi puoi prendere quel codice e personalizzarlo o adattarlo in un codice di produzione solido.
Ci siamo resi conto che gli strumenti disponibili per costruire siti reattivi - i siti che funzionano su qualsiasi tipo di dispositivo - non erano solo insufficienti, ma davvero inesistenti. Esistono numerosi framework CSS che le persone utilizzano, ma tutto è stato progettato per i layout fissi. I dispositivi mobili rappresenteranno oltre la metà di tutto il traffico Internet nei prossimi 2 anni, quindi non progettarli e costruirli è una condanna a morte per prodotti o servizi online. Volevamo uno strumento che ci consentisse non solo di offrire un'esperienza eccezionale a tutti i dispositivi, ma anche di testare rapidamente l'esperienza e l'esperienza di una grande esperienza.
Abbiamo utilizzato Foundation per tutti i nostri siti e progetti interni negli ultimi mesi, ma se dovessi scegliere un ottimo esempio sarebbe un'app Web che abbiamo rilasciato recentemente chiamata Spur. Spur è uno strumento per fare critiche di design tradizionali permettendoti di catturare una pagina web, o di caricare un'immagine, e quindi visualizzarla con sfocatura, contrasto accentuato, rotazione e altri effetti che rivelano il modo in cui il design visivo regge. L'abbiamo progettato da zero con Foundation per supportare desktop, tablet e iPhone; tutto dalla stessa base di codice front-end.
Se apri l'app su diversi dispositivi, vedrai diversi strumenti e layout leggermente modificati, il tutto reso possibile dalle classi di visibilità mobile di Foundation. Questi ti consentono di contrassegnare facilmente gli elementi da nascondere o mostrare su tipi specifici di dispositivi, come "nascondi sul telefono" o "mostra su tablet". Quella e la capacità intrinseca della Fondazione di adattarsi alla maggior parte delle dimensioni significava che Spur ha un'esperienza sartoriale e su misura per qualsiasi tipo di dispositivo con uno sforzo minimo.
Lavorare interamente con le percentuali aggiunge ovviamente una certa complessità, specialmente per quanto riguarda le immagini e la flessibilità di alcuni oggetti come le barre degli strumenti, ma al di là di alcune specifiche CSS Foundation si è occupata di quasi tutto.
Chiunque desideri che il proprio sito o la propria app sia rilevante in un paio d'anni dovrebbe essere costruito per più dispositivi e Foundation è uno strumento utile per farlo. La base è perfetta per i nuovi siti che si desidera creare e prototipare rapidamente, poiché è possibile creare interi siti in pochi minuti utilizzando la griglia flessibile e gli elementi comuni già inclusi.
Abbiamo trovato la Fondazione particolarmente utile per le aziende o le organizzazioni che hanno dubbi sul costo (in termini di tempo e risorse) da realizzare per i dispositivi mobili: la Fondazione ti aiuta a fare le cose rapidamente e in una volta.
Lavoriamo costantemente alla Fondazione, aggiungendo elementi comuni che le persone hanno richiesto o di cui abbiamo visto un'esigenza. Abbiamo appena aggiunto una nuova griglia telefonica a quattro colonne in modo da poter eseguire layout più complessi per dispositivi molto piccoli e continueremo a lavorare sul supporto di dispositivi e pattern. Stiamo anche considerando cose come i modelli di pagina, i pacchetti di codice per usi specifici come wireframing e il lavoro con sviluppatori esterni sui plugin per altri framework come Less, SaSS, Drupal, WordPress, ecc.
Il nostro obiettivo è che la Fondazione sia più di un semplice framework open-source, ma una comunità completa e un approccio di sviluppo per il front-end. Ci piacerebbe avere ancora più collaboratori, sia per problemi, richieste di funzionalità e codice Github e siamo felici di rispondere a domande a [email protected]