Hallo,
habt ihr ein paar Tipps aus der Praxis, welche Tools für bildschirmunabhängiges Design sinnvoll sind?
Mein Hintergrund
- baue seit Web1.0 Webseiten
- HTML, CSS, JavaScript, PHP gut bekannt
- bisher Frameworks wie modx verwendet
- bisher Frontend & Design weitestgehend per Hand gecoded
- bin aber kein Guru, der nachts von nichts anderem träumt
Ich steige jetzt von Pixel-Design auf bildschirmunabhängiges Design um. Wühle mich seit Wochen durchs Netz, probiere viel aus und bin ziemlich am "Fluchen".
Ich weiß, dass bei bildschirmunabhängigem Design zwischen responsiv, adaptiv und fluid unterschieden wird. Meine Tendenz geht im Moment zum fluid. Vermutlich hängt das aber auch von den Anforderungen ab und man muss ggf. individuell entscheiden, was man nimmt.
Eine erste Erkenntnis ist: von Hand gecoded birgt beim dynamischen Design verflixt viele Stolperfallen. Mehr als beim Pixel-Design. (Ist zumindest mein Gefühl). Viele Aufgaben fallen immer wieder an (z.B. Text oder Bilder horizontal und vertikal zentrieren. Schriftgrößen nachtrimmen - die sind ja nicht fluid, etc.)
Für spezielle Aufgaben (Slideshows, Menüs, etc.) gibt es ja bereits diverse "Bausteine".
Gibt es sowas aber auch für diese Basics? Und am besten als Baukasten? So dass man sich nicht immer wieder aufs Neue mit den selben Fragen beschäftigen muss. Ich hab das Gefühl, ich muss dringend den Aufwand reduzieren. Sonst brauch ich Wochen für eine kleine Webseite
Im ersten Ansatz könnte man einfach Wordpress nehmen, dort ein responsives Design installieren und schön ist. Aber als Designer geht mir a) das doch gegen den Strich und b) kann ich so vermutl. nicht immer optisch das umsetzen, was mir gerade vorschwebt. Da scheinen mir die Grenzen doch zu eng.
Kann man sowas überhaupt automatisieren? Oder baut man sich das wirklich immer per Hand? Habt ihr da Erfahrungen und Tipps?
Fred
habt ihr ein paar Tipps aus der Praxis, welche Tools für bildschirmunabhängiges Design sinnvoll sind?
Mein Hintergrund
- baue seit Web1.0 Webseiten
- HTML, CSS, JavaScript, PHP gut bekannt
- bisher Frameworks wie modx verwendet
- bisher Frontend & Design weitestgehend per Hand gecoded
- bin aber kein Guru, der nachts von nichts anderem träumt
Ich steige jetzt von Pixel-Design auf bildschirmunabhängiges Design um. Wühle mich seit Wochen durchs Netz, probiere viel aus und bin ziemlich am "Fluchen".
Ich weiß, dass bei bildschirmunabhängigem Design zwischen responsiv, adaptiv und fluid unterschieden wird. Meine Tendenz geht im Moment zum fluid. Vermutlich hängt das aber auch von den Anforderungen ab und man muss ggf. individuell entscheiden, was man nimmt.
Eine erste Erkenntnis ist: von Hand gecoded birgt beim dynamischen Design verflixt viele Stolperfallen. Mehr als beim Pixel-Design. (Ist zumindest mein Gefühl). Viele Aufgaben fallen immer wieder an (z.B. Text oder Bilder horizontal und vertikal zentrieren. Schriftgrößen nachtrimmen - die sind ja nicht fluid, etc.)
Für spezielle Aufgaben (Slideshows, Menüs, etc.) gibt es ja bereits diverse "Bausteine".
Gibt es sowas aber auch für diese Basics? Und am besten als Baukasten? So dass man sich nicht immer wieder aufs Neue mit den selben Fragen beschäftigen muss. Ich hab das Gefühl, ich muss dringend den Aufwand reduzieren. Sonst brauch ich Wochen für eine kleine Webseite
Im ersten Ansatz könnte man einfach Wordpress nehmen, dort ein responsives Design installieren und schön ist. Aber als Designer geht mir a) das doch gegen den Strich und b) kann ich so vermutl. nicht immer optisch das umsetzen, was mir gerade vorschwebt. Da scheinen mir die Grenzen doch zu eng.
Kann man sowas überhaupt automatisieren? Oder baut man sich das wirklich immer per Hand? Habt ihr da Erfahrungen und Tipps?
Fred