kulturbanause blog

Im Responsive Webdesign werden Bilder häufig proportional verkleinert um sie auch auf kleinen Displays noch ansehnlich darstellen zu können. Auch auf dieser Seite nutze ich diese Technik; sobald der Inhaltsbereich zu schmal wird, werden die Bilder prozentual zur Gesamtbreite des Inhalts abgebildet.
Diese Variante ist zwar sehr komfortabel - leider werden aber deutlich größere Bilddaten geladen als es für Smartphones überhaupt notwendig ist. Um die Ladezeiten und den Traffic für Besucher mit mobilen Endgeräten gering zu halten, kann es sich daher lohnen verschiedene Bilder für verschiedene Auflösungen anzubieten. Das jQuery-Plugin Doubletake vereinfacht diese Technik.

Diesen Beitrag zu Ende lesen

HTML5 und CSS3 bieten uns umfangreiche und spannende neue Funktionen, nur leider ist man sich häufig nicht sicher welcher Browser welchen Befehl wie interpretiert. Vor einiger Zeit habe ich euch bereits das Tool Can I Use vorgestellt, mit dem ihr prüfen könnt ob ein Befehl unterstützt wird und ob ihr Vendor-Prefixes benutzen müsst. HTML Please ist ein weiteres Tool dieser Art. Auch hier gebt ihr einen Befehl ein und erhaltet Informationen über die Einsatzmöglichkeiten. Im Gegensatz zu vielen anderen Diensten findet ihr hier jedoch auch sehr detaillierte Informationen über notwendige Fallbacks, Polyfills oder Prefixes.

Diesen Beitrag zu Ende lesen

Vor ein paar Tagen bin ich darauf aufmerksam gemacht worden, dass bei allen neu erstellten Facebook-Anwendungen der Link zur Anwendungsseite verschwunden ist. In meinen Augen kann es sich nur um einen kürzlich entstandenen Fehler handeln, braucht man die Anwendungsseite doch unbedingt um einen individuellen Facebook-iframe-Tab zur eigenen Fanpage hinzuzufügen. Bei bereits erstellten Anwendungen wird der Link übrigens nach wie vor korrekt angezeigt.
Damit ihr nicht verzweifelt suchen müsst, zeige ich euch wie ihr neue Tabs dennoch zur Fanpage hinzufügen könnt.

Diesen Beitrag zu Ende lesen

Wer als Webdesigner im Team mit anderen Entwicklern arbeitet, hat sicher schon die ein oder andere Diskussion zum Thema Code-Design geführt. Insbesondere bei der Strukturierung von CSS-Code können die Meinungen stark auseinander driften. Sollen die CSS-Eigenschaften nun untereinander oder nebeneinander geschrieben werden? Gehören Leerzeilen zwischen die Eigenschaften oder soll vielleicht sogar alles in einer Zeile geschrieben werden? Und wo ist der beste Platz für öffnende und schließende Klammern?
Damit jeder Entwickler arbeiten kann wie es ihm am besten gefällt wurde der Online-Dienst ProCSSor ins Leben gerufen.

Diesen Beitrag zu Ende lesen

Mit diesem winzigen Snippet könnt ihr dem body-Tag eures HTML-Dokuments eine Klasse zuweisen, sofern JavaScript beim Besucher aktiv ist. Das Prinzip ist denkbar einfach: Wir fügen die entsprechende Klasse per jQuery hinzu. Wenn JavaScript deaktiviert ist, wird folglich auch keine Klasse zugewiesen.

Diesen Beitrag zu Ende lesen

"Responsive Webdesign" ist in aller Munde, doch für komplexe Seitenstrukturen und Usability-Konzepte reicht CSS alleine häufig nicht mehr aus.
Das Script Breakpoint.js erlaubt es JavaScript-Events an bestimmte Media Queries zu knüpfen. Wird ein bestimmter Viewport erreicht oder verlassen, löst das Script ein Event aus.

Diesen Beitrag zu Ende lesen

Seiten-Templates (page templates) werden in WordPress häufig dazu benutzt zusätzliche Inhalte in eine bestimmte Unterseite zu integrieren. Über ein Page-Template wird häufig ein Kontaktformular, eine Bildergalerie oder ein individueller Loop geladen. In einigen Fällen wird sogar der gesamte Inhalt dieser Seite ausgetauscht, was den WYSIWYG-Editor dann für diese spezielle Seite überflüssig macht und den Kunden daher häufig verwirrt. Mit dem folgenden Snippet könnt ihr den Editor für bestimmte Seiten-Templates über die functions.php des Themes deaktivieren.

Diesen Beitrag zu Ende lesen