Mobile-first Webdesign: Hilfreiche Tipps und Erfahrungswerte

»Mobile-first« bedeutet, dass man ein responsive Webdesign nicht vom großen Desktop-Layout Schritt für Schritt ver­klei­nert, son­dern dass man die mobile Webseiten-Ansicht als Ausgangsbasis nimmt, und das mobile Webseiten-Design dann schritt­weise für grö­ßere Bildschirmformate optimiert.

Eine solche Vorgehensweise bringt natür­lich eine ganz neue Denkweise für Webdesigner und Entwickler mit sich und wir werden gezwungen, uns mit der rasant wach­senden Beliebtheit mobiler Geräte und deren neuen Anforderungen auseinanderzusetzen.

Diese offen­sicht­liche Herausforderung ist meiner Ansicht nach eine große Chance, Webseiten fle­xi­bler und damit auch moderner umzu­setzen. Während der Konzeption und Umsetzung unseres ersten mobile-first WordPress-Themes Nori in den letzten Wochen haben auch Manuel und ich etliche »Aha-Erlebnisse« gehabt und neue Erkenntnisse dazu gewonnen. Die aus meiner Sicht wich­tigsten Tipps und Erfahrungswerte zum Thema »mobile-first Webdesign-Ansatz« habe ich im fol­genden Artikel zusammen gestellt: Weiterlesen

Aufruf zu mehr Spaß und Kreativität bei der Arbeit

Es geht meist ganz schnell: Jede Menge neue Projekte stehen an und man möchte sich natür­lich beson­ders viel Mühe geben, diese Aufgaben zu erle­digen. An Motivation man­gelt es also eigent­lich nicht, doch sehr hohe Erwartungen an sich selbst, setzen einen auch unnötig unter Druck. Dieser Druck kann schnell Stress aus­lösen und unter Stress kann man dann nur noch schlecht kreativ und effektiv arbeiten.

Besonders als Freelancer macht man sich außerdem oft zusätz­liche Gedanken und Sorgen um orga­ni­sa­to­ri­sche Dinge, die Aquise neuer Kunden, die eigenen Finanzen… Schließlich muss man sich um alles selbst küm­mern und so geht die eigene krea­tive Arbeit oft zwi­schen Email-Antworten, Kunden-Support oder der Konzeption neuer Projekten ver­loren. Weiterlesen

Bilder mit Hilfe von CSS-Media Queries für das iPhone 4 Retina-Display optimieren

Das iPhone 4 hat ein spe­zi­elles Retina-Display. Auf diesem hoch­auf­lö­sendem Bildschirm können Bilder beson­ders scharf dar­ge­stellt werden. Um auch alle ver­wen­deten Bilder in einem Webdesign oder WordPress-Theme (z.B. das Logo oder ein Hintergrund-Musterbild) für das Retina-Display des iPhones zu opti­mieren, kannst du CSS Media Queries in deinem Stylesheet nutzen. Weiterlesen

Welcome 2012

Eigentlich ist heute ein Tag wie jeder andere, aber der Beginn eines neuen Jahres und der erste Arbeitstag im neuen Jahr ist immer auch eine gute Gelegenheit für ein kleinen Neustart mit fri­scher Energie und Motivation.

Ehrlich gesagt freue ich selbst mich dieses mal ganz beson­ders auf das neue Jahr. Ideen und Pläne für 2012 haben wir bereits jede Menge und ein ganzes, noch herr­lich neues Jahr liegt vor uns, um diese Pläne umzusetzen.

Wir möchten die Gelegenheit nutzen, um auch allen Elmastudio-Lesern einen wun­der­baren Start ins neue Jahr zu wün­schen. Wir sind davon über­zeugt, dass 2012 ein erfolg­rei­ches Jahr wird, indem alle guten Vorsätze und neuen Projekte umge­setzt und Träume wahr werden können.

Nori - ein Premium mobile-first, responsive WordPress-Theme

Mobile-first, responsive Premium WordPress-Theme Nori

Nori ist unser neustes responsive, mobile-first WordPress-Theme. Das bedeutet, Nori hat ein fle­xi­bles Layout und ist beson­ders für die Ansicht auf mobilen Geräten gestaltet und ent­wi­ckelt. Im Gegensatz zu einem reinen respo­nisve Theme ist bei Nori der Komplette Entwicklungsprozess (vom Design bis zur Programmierung) umge­kehrt worden und wir haben uns von der Ansicht für Smartphones Schritt für Schritt zu grö­ßeren Bildschirmen wie Tablets, Laptop- und Desktop-Bildschirmen hoch­ge­ar­beitet. Weiterlesen

Seite 2 von 70123...10...»
Top