Webdesign

Pyranja · 11.05.2012, 09:42

Bin gerade dabei eine Homepage für mobile Endgeräte für unsere Firma am Programmieren.
Die ganzen Seiten sind schon fertig und funktionieren tut auch alles, bis auf die CSS
formatierung.
Wie kann ich da am Besten rangehen? Muss ich für alle wichtigen Smartphones und Tablets passende CSS schreiben, die dann jenachdem was für ein Gerät die Seite lädt, aufgerufen wird?
Habe jetzt erstmal eine mit Prozentangaben gemacht, wobei das auch nicht das gelbe vom Ei ist.
Ein paar Denkanstöße wären schon hilfreich.

*theQuest* · 11.05.2012, 09:51

Such mal nach Media-Queries. Die helfen dir bei den unterschiedlichen Plattformen das entsprechende auszuliefern.

Pyranja · 11.05.2012, 10:23

Ja, da bin ich auch schon drauf gestoßen, aber mir gehts ja um die Styles, also dass das layout auf jedem Endgerät passt, auch wenn das evtl gedreht wird.

*theQuest* · 11.05.2012, 16:30

Und dafür sind die da. Farben und Schriftart kannst du ja für alle Geräte gleich machen. Und wenn es um die Verteilung (Grids) geht, nutzt du eben die MQ.

Pyranja · 13.05.2012, 21:37

Ah okay, erstelle ich dann für alle wichtigeren Geräte ne eigene CSS oder habe ich da was falsch verstanden?
Thema ist zwar jetzt eigentlich schon geklärt, da der Chef meinte, dass der das nur fürs Iphone haben möchte... warum auch immer, aber werde mir das trotzdem noch anschauen, da ich das ja dann eh früher oder später machen muss ^^

*Animefreak* · 14.05.2012, 20:18

Emphele dir das Twitter Bootstrap.
Komplett anpasspar auf jedes gerät - musst mal die Dokumentation durchlessen!

http://twitter.github.com/bootstrap/

Zitat:

Bootstrap is designed to help people of all skill levels--designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex.

Pyranja · 15.05.2012, 07:23

Also hatte das jetzt gestern mit dem Media Querys versucht und scheint ja ziemlich einfach zu sein.
Hatte gestern einfach mal schnell ne IPad Version angepasst.
Einfach die ganzen CSS Styles, die unterschiedlich sind rauskopiert und in eine extra Datei.

JohnSchreib · 18.05.2012, 13:39

Hey, ja für jedes Gerät eine eigene CSS-Datei. Ich denke eine allgemeine für smartphones sollte auch reichen. Ich weiß aber die Standardauflösung der Geräte nicht mehr aus dem Kopf. Google einfach mal nach, welche Auflösung für die meisten Smartphones gilt.

Grüßle

*Chieftrain* · 18.05.2012, 15:18

Wenn du das mit der Twitter Bootstrap machst hast du das Problem, dass du die Seite komplett auf die Bootstrap anpassen musst, ansonsten wirds übel. Das heißt, nicht mit definitiven Werten abseits der Bootstrap arbeiten, ansonsten Skaliert es nicht richtig mit. Stell dich drauf ein, viel Bugfixing vornehmen zu dürfen =D

Du könntest aber auch per PHP vorher das Device abfragen und entsprechend ne eigene CSS reinladen, aber das ist etwas veraltet

11.05.2012, 09:51	# 2
theQuest Final Releaser Bewertung: Registriert seit: Mar 2005 Internet: Modem/ISDN Beiträge: 1.860 Power: 29	Such mal nach Media-Queries. Die helfen dir bei den unterschiedlichen Plattformen das entsprechende auszuliefern. Doch der Genitiv des sächlichen Demonstrativpronomens "dieses" und der des männlichen Demonstrativpronomens "dieser" lautet in beiden Fällen "dieses". Geändert von theQuest (12.05.2012 um 09:49 Uhr).

11.05.2012, 16:30	# 4
theQuest Final Releaser Bewertung: Registriert seit: Mar 2005 Internet: Modem/ISDN Beiträge: 1.860 Power: 29	Und dafür sind die da. Farben und Schriftart kannst du ja für alle Geräte gleich machen. Und wenn es um die Verteilung (Grids) geht, nutzt du eben die MQ. Doch der Genitiv des sächlichen Demonstrativpronomens "dieses" und der des männlichen Demonstrativpronomens "dieser" lautet in beiden Fällen "dieses".

18.05.2012, 13:39	# 8
JohnSchreib Hühnchen Bewertung: Registriert seit: May 2012 Beiträge: 4 Power: 0	Hey, ja für jedes Gerät eine eigene CSS-Datei. Ich denke eine allgemeine für smartphones sollte auch reichen. Ich weiß aber die Standardauflösung der Geräte nicht mehr aus dem Kopf. Google einfach mal nach, welche Auflösung für die meisten Smartphones gilt. Grüßle Schweiz Design Ihr Partner für professionelles und günstiges Webdesign, Homepage erstellen, Grafikdesign, Online-Marketing und mehr...

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Mobile TV T-Mobile auf ungebrandetem Handy	phoz	Handy, Smartphone, Tablet-PC	2	11.12.2010 19:24
[Software] - Sygic Mobile für Windows Mobile Einstellungen	joker.org	Handy, Smartphone, Tablet-PC	0	15.10.2009 20:16
sms ins ausland von t-mobile zu t-mobile komme nicht an?!	Dragonknight	Handy, Smartphone, Tablet-PC	7	19.01.2008 16:13
Info zu Mobile TV bei T-Mobile	Durro	Handy, Smartphone, Tablet-PC	0	11.02.2007 15:19

11.05.2012, 09:42	# 1
Pyranja Da geht noch einer! Bewertung: Registriert seit: Dec 2007 Internet: DSL2 16k Beiträge: 408 Power: 17	Bin gerade dabei eine Homepage für mobile Endgeräte für unsere Firma am Programmieren. Die ganzen Seiten sind schon fertig und funktionieren tut auch alles, bis auf die CSS formatierung. Wie kann ich da am Besten rangehen? Muss ich für alle wichtigen Smartphones und Tablets passende CSS schreiben, die dann jenachdem was für ein Gerät die Seite lädt, aufgerufen wird? Habe jetzt erstmal eine mit Prozentangaben gemacht, wobei das auch nicht das gelbe vom Ei ist. Ein paar Denkanstöße wären schon hilfreich.

11.05.2012, 10:23	# 3
Pyranja Da geht noch einer! Bewertung: Registriert seit: Dec 2007 Internet: DSL2 16k Beiträge: 408 Power: 17 Themenstarter	Ja, da bin ich auch schon drauf gestoßen, aber mir gehts ja um die Styles, also dass das layout auf jedem Endgerät passt, auch wenn das evtl gedreht wird.

13.05.2012, 21:37	# 5
Pyranja Da geht noch einer! Bewertung: Registriert seit: Dec 2007 Internet: DSL2 16k Beiträge: 408 Power: 17 Themenstarter	Ah okay, erstelle ich dann für alle wichtigeren Geräte ne eigene CSS oder habe ich da was falsch verstanden? Thema ist zwar jetzt eigentlich schon geklärt, da der Chef meinte, dass der das nur fürs Iphone haben möchte... warum auch immer, aber werde mir das trotzdem noch anschauen, da ich das ja dann eh früher oder später machen muss ^^

15.05.2012, 07:23	# 7
Pyranja Da geht noch einer! Bewertung: Registriert seit: Dec 2007 Internet: DSL2 16k Beiträge: 408 Power: 17 Themenstarter	Also hatte das jetzt gestern mit dem Media Querys versucht und scheint ja ziemlich einfach zu sein. Hatte gestern einfach mal schnell ne IPad Version angepasst. Einfach die ganzen CSS Styles, die unterschiedlich sind rauskopiert und in eine extra Datei.

18.05.2012, 15:18	# 9
Chieftrain The Madness Bewertung: Registriert seit: Jan 2005 Beiträge: 2.931 Power: 35	Wenn du das mit der Twitter Bootstrap machst hast du das Problem, dass du die Seite komplett auf die Bootstrap anpassen musst, ansonsten wirds übel. Das heißt, nicht mit definitiven Werten abseits der Bootstrap arbeiten, ansonsten Skaliert es nicht richtig mit. Stell dich drauf ein, viel Bugfixing vornehmen zu dürfen =D Du könntest aber auch per PHP vorher das Device abfragen und entsprechend ne eigene CSS reinladen, aber das ist etwas veraltet

Webdesign

[CSS] - Mobile Homepage