CSS einfach erklärt

Anfänger, die sich mit HTML und CSS näher beschäftigen, tun dies meistens, um ihre erworbenen Fertigkeiten später bei klassischen Projekten einbringen zu können. Doch abseits von digitalen Visitenkarten und Shops sind es vor allem die kreativen Projekte, die mich mit ihren Ideen immer wieder beeindrucken. Manche dieser Seiten geben erst auf dem zweiten Blick ihre Genialität preis, andere bleiben auch bei näherer Betrachtung vollkommen abstrus. Die zwei nachfolgenden Webprojekte des Amerikaners Craig Giffen schwanken irgendwo zwischen Kunst, Kitsch und sinnfreiem Zeitvertreib.

Mehr lesen … »

Sicherlich kennt ihr alle diverse Anlaufstellen für Browsergames, die bisher üblicherweise in Flash programmiert waren. Zwischenzeitlich gibt es alternativ eine Reihe von Spielen, die komplett in HTML5 and Javascript programmiert sind. Unabhängig von der Frage, ob HTML5 mittelfristig Flash die Existenzberechtigung streitig machen wird, möchte ich euch nachfolgend elf handverlesene HTML5-Spiele exemplarisch vorstellen. Mehr lesen … »

Immer wieder sieht man im Web Überschriften mit spiegelverkehrten Texten. Insbesondere in sozialen Netzwerken und Foren stößt man mit schöner Regelmäßigkeit auf Benutzernamen, die scheinbar auf dem Kopf stehen. In diesem Beitrag möchte ich die weltbewegende Frage beantworten, wie dieser unglaublich originelle Effekt entsteht. Okay, die Überschrift verrät ja bereits, dass der Beitrag nicht so ganz ernst gemeint ist und eher als Aprilscherz aufgefasst werden soll – obwohl sämtliche Informationen der Wahrheit entsprechen;-) Mehr lesen … »

Als Webdesigner sind zu Testzwecken die aktuellen Betriebssystemversionen ein muss, zumindest in einer virtuellen Umgebung. Bei einigen Onlinehändlern (und bei einigen Ladengeschäften) konnte man heute Windows 7 Home Premium für knapp 50 Euro vorbestellen – online aber eher theoretisch. Das Angebot hätte sicherlich eine günstige Möglichkeit dargestellt, dauerhaft und legal Windows 7 zu nutzen, denn das Release Candidate ist begrenzt bis zum 1. März 2010. Mal abwarten, ob das Kontingent vielleicht noch aufgestockt wird (zumindest im Microsoft Store) oder der eine oder andere im stationären Einzelhandel mehr Glück hat. Aber Achtung, es handelt sich wie gesagt um die Home Premium Version! Vor dem Kauf sollten Sie deshalb unbedingt prüfen, welche Version Sie benötigen!

Update:
Nach einer Meldung der Hannoverschen Allgemeinen Zeitung sollen die Onlinehändler nur extrem kleine Mengen an Windows-7-Lizenzen zur Verfügung gestellt bekommen haben, und bezeichnet die Aktion deshalb als “Marketinggag”. Auch bei golem.de ist der Verlauf dokumentiert.

Ziel eines Webdesigners sollte es sein, dass die von ihm erstellten Seiten immer korrekt dargestellt werden, unabhängig davon, welcher Browser und welches Betriebssystem vom Betrachter verwendet werden. Die einzige Möglichkeit, diesen Anspruch umzusetzen, bedeutet: testen, testen und noch mal testen. Die konkreten Möglichkeiten für diese Prozedur habe ich im CSS-Buch ab Seite 134 erläutert.

Eine Möglichkeit ist die Nutzung von Webdiensten, die Testsysteme mit verschiedenen Betriebssystem- und Browserversionen betreiben (sog. Cross-Browser-Check). Möchte man seine Website testen, teilt man dem Anbieter die jeweilige URL und die gewünschte Betriebsystem und Browser-Kombination mit. Der Anbieter ruft nun die URL auf dem gewünschten System auf. In der einfachsten Variante erstellt der Anbieter hiervon einen Screenshot, welcher grundsätzlich zur Qualitätssicherung von HTML und CSS herangezogen werden kann. Lediglich die Funktion dynamischer oder mit Events verknüpfter Elemente (z. B. ein Aufklappmenü oder Javascript) lässt sich mit einem Bild natürlich nicht testen, hierfür benötigt man vielmehr einen Livetest. Einige Anbieter stellen deshalb einen direkten Remote-Zugriff auf die Browser zur Verfügung. Während der Remote-Access immer kostenpflichtig ist, gibt es für gelegentliche Screenshots auch kostenlose Alternativen.

Mehr lesen … »