Zurb hat eine lange Geschichte der Bereitstellung von großartigen Web-Apps und Ressourcen für Designer und Entwickler. Zu ihren Apps gehören unter anderem Notable, Axe, Enroll und Spur.
Weitere Ressourcen von Zurb umfassen alles von herunterladbaren Skizzenblättern und Rasterpapier, CSS-Schaltflächen, CSS3-Tools, visuellen Effekten und Animationsbeispielen und vielem mehr.
Kürzlich hat Vorb ein neues Werkzeug für Designer, genannt Stiftung , ein kostenloses Rapid-Prototyping-Framework.
Der Designer von Zurb, Jonathan, beantwortete einige Fragen zu dem neuen Projekt.
Stiftung ist ein Framework für das schnelle Erstellen von Responsive-Websites und Apps. Sie können Seiten schnell zusammenstellen, einschließlich Layout und allgemeine Elemente wie Navigation, Seitenumbruch, Formulare und mehr, damit Sie sehen können, wie Ihre Website auf Desktops, Tablets und Smartphones funktioniert. Dann können Sie diesen Code nehmen und ihn anpassen oder in einen soliden Produktionscode umwandeln.
Wir stellten fest, dass die Tools für den Aufbau reaktionsschneller Websites - Websites, die auf jeder Art von Gerät funktionieren - nicht nur unzureichend, sondern wirklich nicht existent waren. Es gibt eine Reihe von CSS-Frameworks, die Benutzer verwenden, aber alles wurde für feste Layouts entworfen. Mobile Geräte werden in den nächsten zwei Jahren mehr als die Hälfte des gesamten Internetverkehrs ausmachen. Daher ist es kein Todesurteil für Online-Produkte oder -Dienste, sie zu entwerfen und zu bauen. Wir wollten ein Werkzeug, mit dem wir nicht nur jedem Gerät ein großartiges Erlebnis bieten können, sondern auch sehr schnell testen können, wie eine großartige Erfahrung wirklich aussah und sich anfühlte.
Wir haben die Foundation für alle unsere internen Sites und Projekte in den letzten Monaten genutzt, aber wenn ich ein großartiges Beispiel wählen müsste, wäre es eine Web-App, die wir kürzlich veröffentlicht haben, Spur genannt. Spur ist ein Werkzeug, mit dem Sie traditionelle Designkritiken durchführen können, indem Sie eine Webseite erfassen oder ein Bild hochladen und es dann mit Unschärfe, erhöhtem Kontrast, Rotation und anderen Effekten betrachten, die zeigen, wie das visuelle Design hält. Wir haben es von Grund auf mit Foundation entwickelt, um Desktops, Tablets und iPhones zu unterstützen. alles aus der gleichen Front-End-Codebasis.
Wenn Sie die App auf verschiedenen Geräten aufrufen, sehen Sie verschiedene Tools und leicht modifizierte Layouts, die alle mit den mobilen Sichtbarkeitsklassen von Foundation möglich sind. Auf diese Weise können Sie Elemente, die auf bestimmten Gerätetypen verborgen oder angezeigt werden, wie z. B. "Ausblenden auf Telefonen" oder "Anzeigen auf Tablets", einfach markieren. Diese und die inhärente Fähigkeit von Foundation, auf fast jede Größe zu skalieren, haben dazu geführt, dass Spur für jeden Gerätetyp mit sehr wenig zusätzlichem Aufwand eine schlanke, maßgeschneiderte Erfahrung hat.
Das Arbeiten mit reinen Prozentsätzen bringt eine gewisse Komplexität mit sich, vor allem in Bezug auf Bilder und die Flexibilität bestimmter Objekte wie Symbolleisten, aber außer einigen CSS hat sich CSS Foundation um fast alles gekümmert.
Jeder, der möchte, dass seine Website oder App in ein paar Jahren relevant ist, sollte für mehrere Geräte erstellt werden, und Foundation ist dafür ein gutes Tool. Foundation ist ideal für neue Sites, die Sie schnell prototypisieren und erstellen möchten, da Sie mithilfe des flexiblen Rasters und der bereits vorhandenen allgemeinen Elemente ganze Sites in nur wenigen Minuten erstellen können.
Wir haben herausgefunden, dass Foundation besonders hilfreich für Unternehmen oder Organisationen ist, die Bedenken hinsichtlich der Kosten (in Bezug auf Zeit und Ressourcen) für mobile Geräte haben - Foundation hilft Ihnen, Dinge schnell und auf einmal zu erledigen.
Wir arbeiten ständig an der Foundation und fügen allgemeine Elemente hinzu, die die Leute angefordert haben oder die wir als notwendig erachtet haben. Wir haben kürzlich ein neues Telefongitter mit vier Spalten hinzugefügt, damit Sie komplexere Layouts für sehr kleine Geräte erstellen können. Wir werden weiterhin an der Geräte- und Musterunterstützung arbeiten. Wir denken auch über Dinge wie Seitenvorlagen, Code-Packs für bestimmte Anwendungen wie Wireframing nach und arbeiten mit externen Entwicklern an Plugins für andere Frameworks wie Less, SaSS, Drupal, WordPress usw.
Unser Ziel ist es, dass die Stiftung mehr ist als nur ein Open-Source-Framework, sondern ein kompletter Community- und Entwicklungsansatz für das Front-End. Wir würden uns freuen, noch mehr Mitwirkende zu haben, sowohl bei Problemen als auch bei Feature-Anfragen und Code-On Github und wir beantworten gerne Fragen unter [email protected]