WordPress Blog
Alle Artikel zu
Responsive Design
-
Pixel, em und rem – was ist der Unterschied?
Im CSS kann man die Schriftgröße (font-size) in unterschiedlichen Einheiten angeben. Die bekannteste Größe sind Pixel. Aber daneben gibt es auch noch die Einheiten em und rem. Was hat es damit auf sich?
-
Flexbox jetzt! IE8 und IE9 und die Bremse im Kopf
Floats und clearfixes können neue und alte Browser lesen. Lohnt sich der Aufwand mit Flexbox überhaupt oder soll man einfach die alten Methoden weiter nutzen?
-
WordPress-Seite lokal auf verschiedenen Geräten testen mit MAMP Pro
Ich experimentiere immer wieder an diesem Thema herum. Damit ich selbst bei Bedarf nachlesen kann, schreibe ich meine Erkenntnisse mal auf.
-
Neu in WordPress 4.4 Responsive Images mit srcset und sizes
Wäre es nicht schön, wenn ein Bild, das auf dem Smartphone 300 x 200 Pixel gross ist, auch gleich in dieser Größe (300 x 200 Pixel) geladen würde? Nach wie vor ist das aber nicht die Regel.
-
Webdesign: Statisch, adaptive oder responsive?
In diesem Artikel möchte ich erklären, was der Unterschied ist zwischen einer statischen und einer responsiv programmierten Webseite. Ich habe dazu ein paar kleine Animationen gebastelt. (Ich wollte schon immer mal was […]
-
Responsive Design ist schön, macht aber viel Arbeit
Responsive Webdesign ist heute State of the Art im Webdesign. Alle Kunden wollen eine Webseite, die auch auf mobilen Geräten gut funktioniert. Das stellt uns Designer vor neue Herausforderungen. Beim Entwerfen des Designs für eine […]
-
Bildgrößen im WordPress Theme
Wenn ich mit Kunden an WordPress-Themes arbeite, kommt früher oder später die Frage, in welchen Größen denn die Bilder angeliefert werden sollen. Die Bilder erscheinen im Design in unterschiedlichen Größen und die Kunden […]
-
How to solve the hamburger icon problem
The hamburger icon tends to be employed because designers—or more often, clients—aren’t fully committed to a mobile-first approach. They want a ‘regular’ site, but squeezed onto their grandaughter’s phone. Paddi […]
-
WordCamp Hamburg 2014: Responsive Typography
Meine Slides vom WordCamp Hamburg gibt es bei slideshare
-
Was ist Responsive Design?
Responsive bedeutet übersetzt etwa „reagierend, reaktionsfähig“. Der Begriff bezieht sich auf das Layout von Webseiten. Normalerweise sieht es immer gleich aus: Schaut man mit einem Smartphone die Seite an, sieht […]
-
Workflow bei Responsive Design Projekten
Seit wir Webseiten im Responsive Design machen, hat sich unser Workflow verändert. Es ist noch gar nicht lange her, da begann jedes Webprojekt mit Photoshop und Fireworks. Inzwischen kommt die Grafik erst viel später ins Spiel und der Browser spielt eine immer größere Rolle.