2011-01-11 12 views
16

Im Laufe des letzten Jahres bin ich ein Fan von BluePrint.css geworden, um größere Web-App-Projekte zu verwalten. Ich habe mir auch die Angebote von 960 und YUI angeschaut. Alles gut (obwohl ich einige Beschwerden über YUI habe).CSS-Frameworks für mobile Entwickler?

Ich arbeite jetzt an einem mobilen Projekt und angesichts der Tatsache, dass wir verschiedene Bildschirmgrößen unterbringen müssen, denke ich, dass ein CSS-Grid-Framework der Weg ist, wieder zu gehen.

Ich werde wahrscheinlich die BluePrint-Logik stark verändern und/oder eine von Grund auf neu erstellen, aber bevor ich das getan habe, habe ich mich gefragt, ob jemand ein bestimmtes Framework für mobile verwendet und würde ein bestimmtes für mobile Entwickler empfehlen.

Ich habe bei weniger geschaut und cssgrid

http://lessframework.com/

http://cssgrid.net/

Beide ganz nett sind. Less verwendet konsistente Spaltenbreiten und ändert die Anzahl der Spalten. Cssgrid verwendet Flüssigkeitssäulen, um die Bildschirmgrößen anzupassen. Auf der anderen Seite stelle ich mir eine andere Methode vor, bei der wir eine feste Anzahl von Spalten verwenden und dann die Breiten auf der Grundlage der Bildschirmbreite anpassen. Ich bevorzuge diese Option, da ich festgestellt habe, dass Fluidgitter mit schwerem Nesting schwer zu handhaben sind. Irgendwelche anderen Möglichkeiten sollte ich zuerst betrachten?

Klarstellung: Ich brauche im Moment nicht unbedingt ein vollständiges UI-Framework. Wir werden auf jeden Fall mit einem, jQuery oder unserem, enden, aber das primäre Ziel ist es, ein CSS-Framework zu finden und/oder zu erstellen, um das allgemeine Seitenlayout und die Positionierung über mehrere Bildschirmauflösungen und -ausrichtungen hinweg zu handhaben.

+1

Ich denke, Sie sind auf dem richtigen Weg. Ich werde das in der nächsten Woche oder so untersuchen. Ich werde einen Blogeintrag darüber machen, wenn ich weitere Antworten bekomme. –

+0

Es ist kein CSS Framework genau. Aber, [Nokia Mobile Web Templates] (http://www.forum.nokia.com/info/sw.nokia.com/id/5d9cd41a-7438-495a-9a46-7470e7ec8576/Nokia_Mobile_Web_Templates.html) könnte Ihnen helfen. – fravelgue

+1

Ich vertraue nichts von Nokia. ;) –

Antwort

7

Es gibt das '320 and up' Framework, und das HTML 5 mobile boilerplate (obwohl Letzteres nicht so sehr ein Framework, sondern ein Ausgangspunkt ist).

+0

Ich werde diesen als die Antwort markieren. Das waren alles großartige Antworten, aber dieses hier scheint das einzige Standalone-CSS-Framework zu sein, das es nur für Mobilgeräte gibt. –

+0

Sie beziehen sich auf 320 oder höher oder die HTML 5 mobile Boilerplate? –

+3

Ja. Er bezieht sich auf 320 oder höher oder die HTML 5 mobile Boilerplate. –

0

DA,

können Sie versuchen, den jQueryMobile Rahmen.

Ich glaube, this post kann Ihnen helfen.

Cleber.

+1

Das ist jedoch kein CSS-Framework. –

+1

Ich bin dabei, auch in jQueryMobile einzutauchen, aber es scheint kein vollständiges CSS-Framework für das Seitenlayout zu haben (obwohl es offensichtlich die jQuery-UI-Konzepte erbt) –

+0

Schauen Sie sich http://www.sencha.com an/products/js/ –

2

Wenn Sie suchen für das iPhone zu entwickeln, könnte nehmen Sie einen Blick auf die iUI Framework

+0

Wir suchen nach allen Arten von Mobilgeräten und Bildschirmgeräten, daher der Gedanke, dass ein Grid-Framework dabei helfen könnte. Um zu verdeutlichen, brauche ich weniger von einem UI-Framework und mehr von einem Layout-Raster-System. –

+0

Es ist Framework, um Website ähnlich iPhone Thema – GusDeCooL

1

Ja, es klingt wie Sie Ihre eigenen „Blueprint Mini“ haben werde bauen oder „480 Grid System“ - - und wir werden hier sein, um es zu bewundern.

Ein Ausgangspunkt könnte die Arbeit von Matthew James Taylor sein. Er verlässt sich auf das flüssige Raster, von dem Sie gesagt haben, dass Sie es nicht wollen, aber es ist einen Blick wert.

+0

Ich mag das "480 Grid-System". Könnte es 480.css nennen;) –