NoFollow Free!
SHIFT Weblog

Dieses Blog ist ein Online-Magazin für erfahrene Website-Entwickler und Webdesigner, die PHP und Webdesign lieben.

Tag: progressive enhancement

Allgemein, SEO

Irrtümer der Suchmaschinenoptimierung

falldown

Natürlich möchte jeder Webseitenbetreiber, dass seine Site bei Suchmaschinen wie Google “ganz oben” steht. Aufgrund der schieren Masse an Webseiten ist dies teilweise unmöglich – hier soll gezielte Suchmaschinenoptimierung Abhilfe schaffen. Doch von offizieller Seite  (z.B. Google)  wird dem Webseitenbetreiber nicht verraten, welchen Regeln der Indexierung und Listung die Suchergebnisseite folgt.

Einige Basisregeln sind allgemein bekannt – so sollte etwa jede Seite einen aussagekräftigen title-Tag besitzen und eine nette Meta Description für die Suchmaschine. Doch unter diesen Faustregeln tummeln sich auch immer wieder Gerüchte, die ich hier einmal aufzählen und widerlegen möchte.

Weiterlesen ›

Webdesign

7 Dinge, die professionellen Webdesignern nicht passieren dürfen

Ich schreibe diesen Artikel, weil unser neuer Klient unzufrieden mit den Entwürfen mehrerer Mitbewerber war. Ich dachte zunächst, dass er das Design der anderen nicht mochte. Nach einem Gespräch stellte sich aber heraus, dass der Klient glücklicherweise schon einmal in der HTML/CSS-Materie Fuß gefasst hat und sich bereits im Vorfeld über gängige Webdesignpraktiken informiert hat. Ihm gefiel an den Entwürfen der anderen nicht, dass sie nicht nach bestem Wissen erstellt wurden.

Ich bin immer wieder erschrocken, was (auch etablierte) Firmen, die sich auf’s Webdesign spezialisiert haben, an Arbeit abliefern. Niemand ist perfekt – aber wer eine Dienstleistung anbietet, sollte schon alles wichtige über seine Tätigkeit wissen. Wir bringen unser Auto ja auch nicht in die Werkstatt, um nachher vom Meister eine qualitiv schlechte Arbeit zu erhalten.

Weiterlesen ›

Allgemein

Schlechte Tutorials: Gefährliches Halbwissen

Nachbearbeitung notwendig

Ich lese gerne diverse Tutorials im Netz. Sie helfen beim Verständnis und Einstieg von komplizierten Techniken oder Anwendungen. Besonders Neulinge wagen mit Tutorials erste Schritte in eine neue Materie. Doch das ist gefährlich – denn die Schüler nehmen nicht selten alles für bare Münze, was dort steht. Und nicht immer ist in Tutorials alles richtig.

Weiterlesen ›

CSS, Webdesign

The Magic of CSS3: Sexy Buttons

sexy css3-buttons

CSS3 ist seit langem in der Entwicklung, auf viele Elemente kann man aber jetzt schon zählen – jedenfalls wenn es nach dem W3-Konsortium geht. Der Internet Explorer wird wohl leider erst ab Version 9 die CSS3-Elemente untersützen. Da wir den Internet Explorer aber sowieso nicht mögen und auch andere beliebte Browser einen Großteil der CSS3-Elemente kennen, können wir ruhigen Gewissens mit CSS3 arbeiten. Dabei dürfen wir natürlich nicht vergessen, die Seite auch für Nutzer älterer Browser verfügbar zu machen. Ein schönes Beispiel, um CSS3 mit progressive Enhancement zu demonstrieren, ist ein simpler Button. Ohne CSS ist es ein normaler Link – mit CSS2 wird er aufgepeppt und mit CSS3 wird er zu dem, was moderne Buttons im Web auszeichnet: Nicht zu dick aufgetragen, elegant aber mit subtilen Details. Dazu gehört:

  • Ein dezenter Schatten um die Schaltfläche
  • Eine stilvolle Button-Schriftart
  • Die Nutzung von (alpha-)Transparenz an einigen Stellen
  • Ein sanfter Farbverlauf als Hintergrund
  • Einen Schatten für die Buttonbeschriftung
  • Eine deutliche Hervorhebung für einen aktivierten Knopf

Alle Punkte lassen sich mehr oder weniger Problemlos mit CSS3 realisieren. Für die ungeduldigen: Auf dieser Demoseite seht ihr das fertige Endergebnis. Doch wir fangen erst einmal langsam an – mit dem HTML-Code: Weiterlesen ›