Follow Me On The Web!
Archiv für die Kategorie ‘Webdesign’
Webdesign-Hingucker: CSS-Attribute mittels JavaScript animieren
Um das Webdesign einer Seite aufzupeppen bietet JavaScript Webentwicklern unzählige Möglichkeiten. Allerdings ist die händische Programmierung meist recht aufwendig; gerade DHTML verlangt häufig nach Browser-spezifischen Lösungen, was die Umsetzung ungemein verkompliziert.
Daher liegt der Gedanke nahe, stattdessen auf eines der zahlreichen JavaScript-Frameworks zurückzugreifen. Besonders interessant sind dabei die Möglichkeiten, CSS-Attribute zu animieren. Neben hochwertigen Animationsroutinen sind dazu aber ebenso leistungsfähige Selektions- und Event-Handler-Routinen vonnöten.
Für die Entwicklung von Webdesign-Hinguckern haben wir daher verschiedene JavaScript-Frameworks intensiv auf ihre Fähigkeiten hinsichtlich der Animation von CSS-Eigenschaften und Webdesign-Elementen hin getestet.
Neue Rubrik: Webdesign-Galerie
Webdesign-Studie: Münster-Blog v1.0
Auf unserer Startseite sowie auf der Seite Modernes Webdesign aus Münster haben wir eine neue Kategorie eröffnet: Webdesign-Galerie.
Auf dieser Seite werden wir peu a peu Webdesign-Studien sowie im Rahmen von Kundenaufträgen entstandene Webdesign-Entwürfe veröffentlichen.
Den Anfang macht unsere Webdesign-Studie Münster Blog v1.0. Das Design steht zum sofortigen Verkauf.
Fehlerhafte Darstellung deutscher Umlaute bei der Einbindung externer Scripte
Falscher Zeichensatz: So sieht es aus, wenn der Zeichensatz eingebundener Scripte nicht zum Zeichensatz der Zielseite passt
Gelegentlich kommt es vor, dass Content- und Werbebanneranbieter ihre bereitgestellten JavaScript-Codeschnipsel nicht ausreichend auf den verwendeten Zeichensatz der Zielseite hin überprüfen.
Verwendet die Zielseite beispielsweise UTF-8 als Zeichensatz, der extern eingebundene JavaScript-Code liegt hingegen in ISO-8859-1-Codierung vor, kommt es beim Einbetten von HTML-Code per Script zu hässlichen Fehldarstellungen bei der Anzeige deutscher Umlaute und Sonderzeichen.
Für Abhilfe sorgt das wenig bekannte charset-Attribut: Wann immer externe Scripte per <script>-Tag und dem Attribut src eingebunden werden, besteht die Möglichkeit, dem Webbrowser mit dem Attribut charset mitzuteilen, welcher Zeichensatz dem eingebundenen Script zu Grunde liegt.
Im obigen Beispiel würde die folgende Codezeile das Problem beheben:
Leitfaden zur Impressumspflicht für Webseitenbetreiber
Das Bundesministerium der Justitz (BMJ) hat gestern einen Leitfaden für die Erstellung eines Impressums gemäß des Telemediengesetzes veröffentlicht. Auch wenn die folgende Passage zu Denken gibt, finden sich auf den Seiten sowie im zugehörigen PDF-Dokument dennoch viele wichtige Hinweise.
Das Risiko einer Abmahnung lässt sich nicht vollständig vermeiden. Auch die nachfolgenden Erläuterungen können keinen absoluten Schutz davor bieten, wegen fehlerhafter Angaben rechtmäßig abgemahnt zu werden, denn letztlich beurteilen die Gerichte, ob im Einzelfall eine Rechtsverletzung vorliegt oder nicht.
Problem mit Google Maps API Keys und Umlaut-Domains
Der Google Maps API Key-Generator erzeugt bei Umlaut-Domains nur Zeichensalat, wenn Umlaute im Klartext eingegeben werden
Bei dem Versuch, gültige Google Maps API-Keys für unsere beiden Domains muenster-webdesign.net und münster-webdesign.net zu generieren, stießen wir auf unerwartete Probleme.
Externe Hyperlinks automatisch per CSS hervorheben
Externe Hyperlinks mit CSS hervorheben
Das Hervorheben externer Hyperlinks ist nicht nur ein nettes Stilmittel, um das Webdesign einer Seite aufzupeppen, sondern ermöglicht Besuchern auch eine schnelle Unterscheidung, welche Links auf externe und welche auch interne Seiten verweisen.
Am einfachsten lässt sich solch eine Auszeichnung per CSS realisieren – beispielsweise in Form einer eigenen CSS-Klasse. Allerdings ist es recht viel Tipparbeit, jeden einzelnen externen Hyperlink einer entsprechenden CSS-Klasse zuzuweisen. Zum Glück geht es auch eleganter.