WordPress Blog
Alle Artikel zu
Kirsten
-
Bilder für Responsive Designs effizient komprimieren
Gestern bin ich auf einen interessanten Artikel auf filamentgroup.com gestoßen, in dem es um das Problem der Bildgrößen im Responsive Design geht. Hier war ausnahmsweise nicht von Javascript- und PHP-Tricks die Rede, mit denen man Bilder in unterschiedlichen Größen ausliefern kann. Im Artikel geht es – ganz altmodisch – um Bildkompression. Eigentlich ein alter Hut,…
-
Media Queries: device-width & width – wo ist der Unterschied?
Über Media Queries kann man die Breite des Browserfensters (= width) und die des gesamten Bildschirms (= device-width) abfragen. Wobei in der Praxis meist nicht zwischen diesen beiden Werten unterschieden wird, sie werden in einen Topf geworfen. Dazu trägt man im Viewport-Metatag im head der Seite folgendes ein: meta name=“viewport“ content=“width=device-with“ Diese Anweisung ist weit…
-
Leser fragen, die Netzialisten antworten
Regelmäßig bekommen wir Mails von Lesern, die Fragen zu WordPress, HTML und CSS haben. So weit wir können, beantworten wir diese Fragen auch. Wir haben uns überlegt, dass die Antworten vielleicht auch andere Leser interessieren. Deshalb möchten wir eine Fragen & Antworten-Sektion ins Blog aufnehmen.
-
Ergänzungen zur Session „Mobile First & WordPress-Themes“
Während und nach meiner Session gab es eine Reihe von interessanten Fragen und Anregungen, die ich gerne wiedergeben möchte. Mobile Browser per WordPress-Funktion identifizieren Seit der Version 3.4 gibt es im WordPress-Core eine Funktion, mit der man abfragen kann, ob ein mobiler Browser anfragt: wp_is_mobile Bei der Funktion ist eine Liste mit user agents (mobilen…
-
WPCamp Berlin 2012: „Mobile First & WordPress-Themes“
WPCamp Berlin 2012, Slides zur Session „Mobile First & WordPress“
-
Einfach weitermachen
Inhalt von Vimeo anzeigen Hier klicken, um den Inhalt von Vimeo anzuzeigen. Erfahre mehr in der Datenschutzerklärung von Vimeo. Inhalt von Vimeo immer anzeigen Video direkt öffnen DON’T WORRY, DRIVE ON: Fossil Fools & Fracking Lies from MONSTRO on Vimeo. Der Inhalt des Videos ist eine Animation zum Thema Peak Oil. Das ist die Tatsache, dass…
-
Dreispaltiges Layout für Mobile First umsetzen
Bei dreispaltigen Layouts (Hauptspalte + 2 Sidebars links und rechts) läuft man im Responsive Design in ein Problem, wenn man mit einem Grid-System arbeitet. Wenn nämlich alle Elemente mit ‚float:left‘ nach links rutschen, müssen die beiden Sidebars im Template-Code über der Hauptspalte eingetragen werden. In der Desktop-Ansicht stört das nicht weiter, der Betrachter kriegt von…
-
Ferienlektüre
Letzte Woche hatte ich Urlaub. Der Zufall wollte es, dass ich kurz davor einen Stapel Taschenbücher geschenkt bekommen hatte. Allesamt Krimis und Thriller mit einem Spiegel-Bestseller-Aufkleber drauf. Ein paar davon packte ich in meinen Koffer. Zwischen den üblichen 0815-Thrillern entdeckte ich dann ein kleines Juwel: „Totengleich“ von Tana French. Die meisten Kriminalromane, die man derzeit…
-
Session-Vorschlag WPCamp Berlin 13.10.2012
Nach dem letzten WordCamp in Köln hatte ich mir vorgenommen, beim nächsten Camp selbst eine Session anzubieten. Und weil ich mich mit dem Bereich Theme-Entwicklung noch am besten auskenne, möchte ich etwas dazu erzählen. Ich arbeite zur Zeit intensiv an einem Framework für Responsive-Design-Projekte. Das Framework basiert auf dem „Mobile First“-Ansatz von Luke Wroblewski. Mit dieser…
-
Das digitale Leben vor Betrügern schützen
Gestern machte der Fall von WIRED-Autor Mat Honan Schlagzeilen im Netz. Ein Hacker hatte Mat Honan’s digitale Existenz gekapert und am Ende waren wertvolle Daten auf seinem Laptop auf Nimmerwiedersehen verschwunden. Aber eigentlich ging es bei diesem Fall gar nicht um ein klassisches Hacking, sondern um einen Trickbetrug, der sich Lücken in den Support-Systemen von…
-
Meine ersten Schritte mit LESS
Es ist noch gar nicht lange her, da konnte ich mir nicht vorstellen, mit einem Preprozessor wie LESS zu arbeiten. Aber inzwischen bin ich auf den Geschmack gekommen. Was LESS ist habe ich in diesem Artikel erklärt. Im Prinzip ist es eine Erweiterung der CSS-Syntax. LESS bietet das, was man sich von der nächsten CSS-Version wünschen…