Steffen Voß - Technologie & Gesellschaft

Smartphone : So passt Du die Browserzeile an den Look Deiner Website an

Screenshot: Browser-Theme
Screenshot: Browser-Theme

In mobilen Browsern unter iOS, Android und Windows ist es möglich, die Browserzeile farblich an das Design der Website anzupassen. Dazu benötigst Du nur ein paar Zeilen im HTML-Header. Und mit einer weiteren Zeile wird Deine Seite zur Web-App.

Von Steffen Voß / / 8 Kommentare

CSS Grid : Endlich bekommt CSS vernünftige Layout-Möglichkeiten

Screenshot von CSS mit CSS Grid
Screenshot von CSS mit CSS Grid

WebDesignerinnen und WebDesigner aufgepasst: Endlich kann CSS, was CSS schon immer hätte können sollen! Mit CSS Grid kannst Du Deine Layouts aufbauen, ohne Umwege wie Tabellen, Frames oder die div-Monster heutzutage. Es gibt in letzter Zeit wenig Techniken, die mich sofort begeistern. CSS Grid ist eine davon.

Von Steffen Voß / / 5 Kommentare

Tipps & Tricks : So baust Du Dachzeilen in WordPress ein

Screenshot vom Code für die Dachzeilen
Screenshot vom Code für die Dachzeilen

Dachzeilen machen es wesentlich einfacher, verständliche, kurze Überschriften zu formulieren. Ein kurzes Stichwort gibt den Rahmen für die eigentliche Überschrift. Obwohl das sehr einfach ist, sind Dachzeilen in den meisten mir bekannten Redaktionssystemen nicht vorgesehen. Für WordPress habe ich mir das jetzt nachgerüstet.

Von Steffen Voß / / 3 Kommentare

Google PageSpeed Insights : Die 100 Punkte Herausforderung

Renn-Motorrad
VROOOOOOOOOM | Foto: Jez Elliott - CC BY 2.0

Langsame Webseiten nerven. Menschen bevorzugen schnelle Webseiten, deswegen tut Google das auch. Wer seine wertvollen Inhalte nicht durch technische Probleme abgewertet sehen will, sollte sich um die Performance seiner Seite kümmern. Google Pagespeed Insights gibt dazu wichtige Tipps. Wer alle umsetzt bekommt 100 Punkte – gar nicht so einfach.

Von Steffen Voß / / 8 Kommentare

Web-Entwicklung : Flottes CSS mit lessphp

CSS oder LESS?
CSS oder LESS?

Less ist eine feine Sache, um CSS schneller zu entwickeln: Variablen, Funktionen und Verschachtelungen machen Stylesheets übersichtlicher und kürzer. Das Frontend-Framework „Bootstrap von Twitter“ arbeitet zum Beispiel ebenfalls mit Less und das benutze ich zur Zeit sehr gerne, um Layouts zu erstellen. Das Problem ist nur, dass Less in der Regel per JavaScript in CSS kompiliert wird. Das geht serverseitig per node.js – das kann ich bei mir leider nicht installieren. Oder es geht clientseitig. Dann hängt die schlichte Formatierung der Seite davon ab, dass JavaScript funktioniert. Mit lessphp kann man das aber auch bei Bedarf PHP erledigen lassen.

Von Steffen Voß / / 7 Kommentare

Redesign : kaffeeringe.de im neuen Look

Kaffeeringe Logo
Kaffeeringe Logo 2012

Schon länger habe ich überlegt, wie ich kaffeeringe.de umgestalten könnte. Ich hatte aber keine Idee, in welche Richtung ich damit gehen wollte. Dennis hat vor ein paar Tagen einen Artikel empfohlen, in dem es um einfaches, schlichtes Design ging. Und dann bin ich über einen Artikel zu Macrotypografie gestolpert, dessen Tipps ich einmal ausprobieren wollte. Daraus ist die Idee für das neue Layout entstanden: Schlicht, lesbar und dem Medium angemessen.

Von Steffen Voß / / 21 Kommentare

Boot to Gecko : Mozillas eigenes Mobiltelefon

Mozilla arbeitet seit einiger Zeit an einem eigenen Betriebssystem für Mobiltelefone: „Boot to Gecko“ lautet der sperrige Name des Projekts. Die Software soll auf gängiger Android-Hardware laufen, über einen schlanken Linux-Kernel verfügen und eine Oberfläche bekommen, die komplett mit HTML5 und JavaScript auskommt.

Von Steffen Voß / / Kein Kommentar