Ich habe bereits auf "Mobile First" -Websites gearbeitet und wir verwenden nun Twitter Bootstrap für unsere Seiten. Das Problem ist, dass Twitter Bootstrap nicht "mobile first", sondern "Responsive" ist.
Mit "Mobile first" meine ich, dass das sehr einfache Stylesheet für Mobiltelefone zuerst geladen wird. Daher ist es nicht erforderlich, dass das Telefon @media-Abfragen unterstützt.
Twitter Bootstrap lädt das gesamte Desktop-Stylesheet und verwendet @ media-Abfragen, um die Größe auf Mobilgeräte anzupassen.
Gibt es einen Grund, warum Twitter mit dieser Methode ging? Sicherlich ist es nicht so kompatibel, und ältere Geräte werden nicht funktionieren?
Gibt es "mobile first" Mods für Twitter Bootstrap die ich verwenden könnte oder muss ich meine eigenen erstellen?
Nachdem ich Mobile First noch nicht benutzt, aber Bootstrap ziemlich ausführlich verfolgt und benutzt habe, ist dies nur die Perspektive, zu der ich gekommen bin:
Von dem, was ich gesehen habe, ist "mobile first" als Konzept genau das, ein mobiler erster Ansatz zur Entwicklung; während Bootstrap wurde als eine übersichtliche Bibliothek von Tools für moderne Browser entwickelt, und erst vor kurzem entwickelt, um ältere Browser und mobile Geräte ausgiebig zu unterstützen.
Von der Bootstrap-Site:
Ursprünglich nur mit modernen Browsern entwickelt, hat Bootstrap jetzt die Unterstützung für alle gängigen Browser (sogar IE7!) und mit Bootstrap 2 auch für Tablets und Smartphones entwickelt.
Nach allem, was ich gesehen habe, steht Bootstrap und Mobile eine Menge bevor. Greife einfach die GitHub-Meilensteine an und du wirst eine Menge Dinge in den Werken sehen!
Eine Mobile-erste Version des Bootstrap-Grid-Layouts ist gerade in GitHub gelandet. Es sieht aus wie bootstrap.css Kern wird immer noch benötigt, aber der Code scheint zu funktionieren.
Tags und Links mobile twitter-bootstrap