Natürlich können wir schnell eine Webseite aufsetzen: Wir installieren eine aktuelle WordPress-Version, suchen uns im Internet ein passendes Theme für 50,- €, machen die nötigsten Anpassungen und fertig. Oder?

Das kommt immer darauf an: In den meisten Fällen funktioniert das und selbstverständlich haben kostenpflichtige WordPress-Themes ihre Berechtigung. Mit ihnen ist es möglich, relativ schnell eine gut funktionierende Seite aufzusetzen, die in allen gängigen Browsern läuft, responsiv (also mobiloptimiert) ist und den Bedürfnissen von 80% unserer Kunden entspricht.

Weiterlesen …

Viele Grüße vom Internet Explorer ;)

Wie baut man eine CSS-Datei sinnvoll auf? Nachdem man meistens sehr strukturiert angefangen hat, werden die Stylesheets im Laufe des Projektes immer unübersichtlicher – und schließlich kann sich die Datei nicht mehr retten vor tausenden von Spezialklassen, die irgendwo zwischen den Styles für Überschriften und Sidebar-Divs die letzte Übersichtlichkeit ausmerzen. Die Devise für gutes CSS sollte sein: unspezifisch und klassisch bleiben. Warum das so ist, erfahrt ihr hier.

Weiterlesen …

Nur ein kleiner Hack am Rande: Um ein jQuery-Accordion zu initialisieren, bedarf es nicht unbedingt der Einbindung der knapp 300 kB schweren jQuery-UI-Bibliothek - es geht auch folgendermaßen (hier mit einer Definition List):

$('.accordion dd:not(:first-of-type)').hide();
$('.accordion dt').on('click', function (e) {
    e.preventDefault();
        $(this).parent('dl.accordion').children('dd:visible').slideUp('slow');
        $(this).nextUntil('dt').filter(':not(:visible)').slideDown('slow');
});

Die erste Zeile blendet alle <dd>s außer dem ersten aus, die zweite Zeile initialisiert den Toggle. Das passende HTML:

<dl class="accordion">
    <dt>Erster Eintrag</dt>
    <dd>Absatz des ersten Eintrags</dd>

    <dt>Zweiter Eintrag</dt>
    <dd>Absatz des zweiten Eintrags</dd>
</dl>

Das Ganze noch per CSS stylen (.accordion dt { cursor: pointer; } nicht vergessen) und fertig ist das Akkordeon.

Quadratdesign begrüßt das neue Jahr mit neuer Typographie und einem Weblog!

Nachdem wir unser Redesign im Sommer mit der von Adobe entwickelten Source Sans Pro gestartet haben, haben wir uns nun doch noch einmal umentschieden: Die neue „Hausschrift“ von Quadratdesign ist ab nun die Fira Sans: entwickelt von Schriftenguru Erik Spiekermann in Anlehnung an seine FF Meta und freigegeben unter der SIL OpenFont License, weshalb sie ohne weiteres als Webschrift einsetzbar ist.

Weiterlesen …