Bootstrap 3 Theme Responsivesnowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 30.09.14 3/19...

snowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 30.09.14 1/19

Bootstrap 3 ThemeResponsive VuFind

30.09.14

AgendaÜber mich und snowflake Responsive Design

Herausforderungen und Lösungen Demo

Bootstrap 3 Theme

Fragen und Antworten

Über michBei snowflake seit August 2013

TYPO3, Magento, Symfony und ZF2

60% Entwickler70% Student10% Tennisspieler

Web-Agentur aus Zürich

50 Mitarbeiter

Zusammenarbeit mit swissbib seit 2012Über snowflake

Bootstrap

HTML, CSS und JS Framework für Responsive Designs

Bootstrap 3 Theme

Geschichte

Chris Hallberg

VuFind 2.2Erstes Bootstrap Theme

Januar 2014

VuFind 2.3Bootstrap 3 Theme

August 2014

VuFind 2.4Bootstrap 3 Theme löst Bootstrap Theme ab

In Entwicklung

Swissbib RD

Juli 2014

Responsive DesignDevice unabhängig

Inhalt einmal erfassen und auf verschiedenen Geräten publizieren

Abhängig von Bildschirmgrösse und nicht vom Gerät

Fokus im Projekt

swissbib Redesign

Nahe an der Implementierung vom VuFind Core

Modernes Design

Mobile Experience

Identität von swissbib bewahren

Bootstrap Design loswerden

VuFind Startseite

Swissbib Startseite

Enge Zusammenarbeit

Kunde, Entwickler, Design

Nahe am Core

Freie GestaltungBootstrap Design loswerden

Ständig neu abwägen und priorisieren

VuFind sehr einfach gehalten

Änderungen an den Core zurückspielen

Inhalte nicht genügend auf verschiedene Dateien aufgeteiltTemplate Struktur „Copy Paste“

Ständig Aufwand und Ertrag neu abwägen

Spaltenlayout nicht konsistent

Theme Mechanismus

VuFind definiert Inhaltselemente

Punktuell VuFind Implementierung überschreiben

Konzeption und Umsetzung von WebApplikationenVuFind definiert Seitenaufbau

Themes können erweitert werden

VuFind Trefferliste

Off-Canvas für gesamte „kleine“ Spalte

Facetten unbrauchbar bei vielen TreffernMobile Experience

Überladen mit Elementen

Ausblenden via CSS

Konto Navigationsehr umständlich

Schnell ein Responsive Design

Template StrukturPain

Profitieren von Erweiterungenin VuFind

Mitgestalten des Cores

Abstriche bei Design und Mobile Experience

Fragen und Antworten

http://sb-vf20.swissbib.unibas.ch/vf2core/

https://test.swissbib.ch

Bootstrap 3 Theme Responsivesnowflake | VuFind Anwendertreffen: Bootstrap 3 Theme, 30.09.14 3/19...

Documents

WordPress & Divi Theme

Das Child-Theme-Dilemma

Werkstudent m / w für Web Development Frontend und Wordpress Theme-Development · 2017-01-12 · Werkstudent m / w für Web Development Frontend und Wordpress Theme-Development in

Mathematik II für Biologen Die Bootstrap-Methode fileergibt eine “neue” Stichprobe / eine Bootstrap-Stichprobe wiederhole oft (N mal, N groß) Berechne dann die gew¨unschte Gr

The „easy use“ - KNX Visualisation · Theme Ivory Theme Ebony. SICHERHEIT Ein gutes Gefühl Die Zeiten ändern sich. Sicherheit, Überwachung und Kontrolle werden immer wichtiger,

Responsive Webdesign mit Bootstrap

Race GTS Theme Manual - Bergtoys.com...Sheetnr.: 49.90.07.73 Rev. 0 Race GTS Theme User manual Gebruikshandleiding Gebrauchsanweisung Mode d’emploi Manual de usuario Instruzione

Bugis Theme Dokumentation - elmastudio.de · Bugis Theme Dokumentation 1. Die Theme-Installation Per Email erhältst du von uns den Link zum Download des Bugis Theme-Ordners (.zip

Formulare in Bootstrap - eberhart.mediaeberhart.media/pdfs/bootstrap/8.0_bootstrap_formular.pdf · Eberhart 8.0_bootstrap_formular.docx 1 Formulare in Bootstrap Erstelle eine mit

Fragen und Antworten zu Bootstrap, weitere Konzeption der ... · Übung Open Data Fragen und Antworten zu Bootstrap, weitere Konzeption der Open Data App Termin 6, 30. ... 06.04.2017

Übung: Bootstrap - Navbareberhart.media/pdfs/bootstrap/5_bootstrap_uebung2.pdf · Eberhart 5_bootstrap_uebung2.docx5_bootstrap_uebung2.docx 2 Stelle diese Verlinkung unter die Verlinkung

Thema/Theme - denkwerk.szwalle.dedenkwerk.szwalle.de/fileadmin/user_upload/gruppe1/Reaktionen_auf... · Fachlehrer: Inga Smets, Arne Dobrindt Thema/Theme: Bremer Überseehandel und

CD 1/1* CD 2/2** Offbeat Blues - · PDF fileDie Hörbeispiele · 9 · A theme over blues changes emphasizing offbeats. Note the comping supports the rhythmic accents in the theme

Bootstrap mit SAS - de.saswiki.orgde.saswiki.org/...2003-proceed-Paul-Eberhard-Rudolph-Bootstrap-mit … · Bootstrap mit SAS Paul Eberhard Rudolph Armin Tuchscherer Forschungsinstitut

GEFÄNGNISAUSBRUCH AN DER GITTERLEITERknsu.uni-koblenz.de/individualsportarten/geraetturnen/turnen_an... · 1 The Pink Panther Theme Henry Mancini 1 Theme from Mission:Impossible

Beschluss zur Akkreditierung · 3.5 Internal quality assurance system (theme 5) 27 3.6 Conditions for continuity (theme 6) 30 3.7 AQAS standards (theme 7) 32 4 Assessments 35 Annex

Bootstrap 4 - Zusammenfassungeberhart.media/pdfs/bootstrap/b4/4_b4_zusammenfassung.pdf · 2020-05-31 · Eberhart 4_b4_zusammenfassung.docx 1 Bootstrap 4 - Zusammenfassung 1) Text

Old Wine in New Bottles - Mass Spectra, Bootstrap and ...zfn.mpdl.mpg.de/data/Reihe_A/52/ZNA-1997-52a-0163.pdf · Old Wine in New Bottles - Mass Spectra, Bootstrap and Hierarchy *

Bootstrap mit SAS - saswiki.orgsaswiki.org/images/d/df/...Paul-Eberhard-Rudolph-Bootstrap-mit-SAS.pdf · Kapitel 3 wird ein eigenes Bootstrap-Macro unter Verwendung von SAS-IML vorgestellt

Meola Theme Dokumentation - Elmastudio · Der Meola Theme-Ordner muss für das Hochladen direkt über den WordPress-Adminbereich immer noch im .zip-Format sein. Wähle also die Datei