CSS

Letztens habe ich über responsives Webdesign und mobile Seiten philosophiert, heute geht es um ein etwas praktischeres Beispiel. Jedem ist folgendes Problem bekannt: Man besucht eine responsive Seite und stellt fest, dass das Design zerschossen ist. In manchen Fällen ist der Grund ein YouTube-Video oder ähnliches. Der Spaß sich durch diese Seite zu quälen, hält […]

Der Linktipp dieser Woche richtet sich vor allem an Webdesigner, die viel mit CSS arbeiten. Sicher kennt ihr das Problem: Ihr tippt ein Stylesheet und beachtet nicht von Anfang an, ob es alles schön formatiert aufgeschrieben ist… Nach einer Weile verliert man natürlich die Übersicht. Ähnliches kann auch passieren, wenn man von jemand anderen eine […]

Oft muss ich im Internet lesen „Das nennst du gutes Design? Die Seite ist ja nichtmal responsiv“. Ich halte responsives Design für überschätzt. Warum? Darum geht es in folgendem Blogartikel. Es gibt mehrere Arten einer mobilen Seite: 1. Weiterleitung auf eine Subdomain-Seite wie „m.wikipedia.de“ 2. Responsives Design: Seite bleibt die selbe, wird allerdings an ein […]

Da ich mich in letzter Zeit immer häufiger mit CSS3 beschäftigt habe stieß ich neulich per Zufall auf Daniels Blog und habe die in einem Artikel beschriebene CSS-Uhr mit PHP zu einer funktionierenden Uhr weiterentwickelt. Wie auch die ursprüngliche Uhr benötigt die funktionsfähige Uhr nur HTML, CSS und PHP und arbeitet mit CSS-Animation und CSS-Transformationen.

Nachdem wir vor wenigen Tagen die theoretischen Grundlagen für Animationen in CSS3 präsentiert haben, möchten wir heute einmal ein praktisches Beispiel für eben jene Animationen präsentieren: Eine Uhr, die zum Funktionieren keinerlei Javascript benötigt – nur ein wenig CSS und HTML reicht aus, um eine prinzipiell funktionsfähige Uhr zu erstellen. Wie dies funktioniert, möchten wir […]

Lange Zeit ist es her, als der erste Teil der Miniserie über Animationen mittels CSS3 hier veröffentlicht wurde – zugegebenermaßen geriet die Serie im Laufe der Zeit ein wenig in Vergessenheit. Dennoch möchten wir heute noch einen zweiten Teil nachtragen. Nachdem wir bereits Transitionen vorgestellt haben und einen kleinen Exkurs hin zu den 2D- und […]

Viele Leute wollen ihre Seite interessanter gestallten, indem sie die Darstellungen leicht verändern. Entweder können User selbst bestimmen, wie der Style aussehen, oder man wechselt das Aussehen mit der Uhrzeit. So kann zum Beispiel nachts ein anderes (dunkleres) Design als tagsüber angezeigt werden. Wie das funktioniert, erkläre ich im Folgenden. Zum einen kann dies mit […]

Dass man PHP scripte in jede HTML-Datei einbauen kann oder jede Website mit PHP dynamischer machen kann, ist sicher den meisten bekannt. Doch dass man auch Stylesheets mit PHP dynamischer gestallten kann, ist wohl den wenigsten bekannt. Das Ganze nennt sich dann DSS und bedeutet Dynamic Stylesheets Die Vorteile sind ganz einfach aufzuzählen: Eigentlich sind […]

Es folgen in nächster Zeit ein paar Blogeinträge, bei denen Grundwissen in HTML und CSS vorausgesetzt wird. Aber auch schon bei den schon vorhandenen Artikeln über CSS wurden grundlegende Kenntnisse vorausgesetzt. Diese Grundlagen nun zu vermitteln würde sehr viel Zeit beanspruchen und ist auch nicht notwendig, weil es im Web genug Seiten gibt, die gute […]