Vektorgrafiken haben viele Vorteile. Sie sind unendlich skalierbar, auf allen Monitoren gestochen scharf und benötigen deutlich weniger Speicherplatz. Wie SVG Grafiken via CSS und Modernizr mit einem Grafik-Fallback für alte Browser ausgestattet werden können, erfahrt ihr hier. weiterlesen

Bei sogenannten Fluid-Layouts die sich immer an die aktuelle Browser-Breite anpassen, steht man spätestens beim Einbetten von Videos vor einem Problem.
weiterlesen

Beim Einbinden von Icon Fonts gibt es ein paar Dinge zu beachten, um Browserkompatibilität und Barrierefreiheit zu gewährleisten. weiterlesen

In der Toolkiste des Webentwicklers befinden sich schon einige Polyfills, um HTML5 und CSS3 Eigenschaften in nicht unterstützen Browsern nachzurüsten. Doch wie bindet man diese am besten ein und vor allem immer nur dann, wenn diese auch gebraucht werden? Dafür beschäftigen wir uns in diesem Artikel mit der nützlichen JavaScript Library Modernizr. weiterlesen

Auf der Suche nach der richtigen Photo-Gallery kommt man vermutlich um jQuery Lösungen nicht herum. Viele Tools - und ein Großteil der hier aufgeführten - verwenden jQuery als Basis. Wer vor JavaScript nicht zurück schreckt ist hiermit auf jeden Fall an der richtigen Adresse. weiterlesen

Die so genannten Tooltips können für die unterschiedlichsten Verwendungszwecke auf einer Webseite eingesetzt werden. Der Hintergrund ist in den meisten Fällen aber, dem User zusätzliche oder erklärende Informationen zu liefern.
Ein Tooltip (im Deutschen auch hin und wieder “Tooltipp”) ist in der Regel eine Art Sprechblase, die sich in bestimmten Situationen öffnen soll. Standardmäßig sind es Links oder andere Textelemente, die beim Überfahren mit der Maus die ergänzende Information erhalten. weiterlesen

Webseiten zeichnen sich immer mehr durch Bewegung aus. Im Trend liegen unter anderem so genannte Slider. Realisiert werden diese mit JavaScript, oft in Form von jQuery.
Diese jQuery Slider lassen sich für vielerlei Zwecke einsetzen. Auf der Startseite einer Homepage kann man einen Slider nutzen, um Inhalte anzuteasern. Oder man setzt den Slider für die Präsentation von Projekten, Produkten und ähnlichem ein. weiterlesen

Ein Webprojekt verschlingt im Laufe der Zeit enorm viele Arbeitsstunden. Mit LESS kann man aber im Bereich CSS Zeit einsparen. Hierbei handelt es sich um eine dynamische Stylesheet Sprache. Das sonst sehr statische CSS wird um dynamisches Verhalten erweitert. Dabei geht es aber nicht um das Frontend, sondern ausschließlich darum, dem Entwickler die Arbeit zu erleichtern. weiterlesen