Webkrauts Logo

Webkrauts Webkrauts Schriftzug

- für mehr Qualität im Web

Artikel

Regal für Briefe (Post Box), angeordnet in 2 Reihen und 4 Spalten

CSS3 Flexbox

Ablösung für Float-Layouts

von Stephan Heller am 11.12.2012

Mehrspaltige Designs setzen Webworker heutzutage mit Floats um. Das mag sich in Zukunft ändern. Denn mit dem CSS3-Modul Flexbox steht eine nützliche Alternative in den Startlöchern. HTML-Elemente können damit spalten- oder zeilenweise angezeigt werden, die Reihenfolge der Elemente lässt sich steuern und Breiten oder Höhen passen sich automatisch an. |  Kommentare: 9

Screenshot: Icons von IcoMoon

Icon Fonts

Visuelle Semantik neu entdecken

von Henry Zeitler am 10.12.2012

Icons sind, wenn richtig eingesetzt, bedeutungsvoll und intuitiv. Sie führen den Benutzer einer Website zur gewünschten Aktion und sind somit ein wichtiger Blickfang. Heute, in Zeiten der Optimierung für Mobile-Devices und besonders des Responsive Webdesigns erfahren die Icons als Fonts eine Renaissance. |  Kommentare: 10

zwei Paar Füße unter einer roten Bettdecke

SEO vs. Usability

Gemeinsam klappt es besser

von Stefan David am 09.12.2012

Von Seiten der Webentwickler gibt es oftmals Vorbehalte gegen die Arbeit von Suchmaschinenoptimierern. Das angespannte Verhältnis zwischen den beiden und die ggf. unterschiedlichen Sichtweisen zeigten sich z. B. bei einem aus Usabilitysicht misslungenen Relaunch und der nachfolgenden Diskussion. Ein Plädoyer für die verbesserte Zusammenarbeit – statt die Gräben zu vertiefen. |  Kommentare: 25

Alte Kino-Filmrolle

HTML5

Kleiner Fallstrick bei Videos

von Jens Grochtdreis am 08.12.2012

Mit dem eigenen Video-Element sollten in HTML5 alle Probleme gelöst sein, die wir mit Flash jemals hatten. Doch so ganz stimmt das leider nicht. |  Kommentare: 5

Logo: Sass. (style with attitude)

CSS-Modularisierung mit Sass

Komplexe Stylesheets strukturieren

von Mathias Schäfer am 07.12.2012

Sass ist eine Meta-Sprache, mit der sich CSS cleverer schreiben lässt. Das neue Sass-Feature der Platzhalter-Selektoren macht insbesondere komplexes CSS wartbarer. |  Kommentare: 10

Illustration: Photoshop-Logo durchgestrichen, daneben das Fireworks-Logo

Adobe Fireworks - Plädoyer für den Einsatz mediengerechter Software

Arbeiten am Rande der Effizienz

von Olaf Gleba am 06.12.2012

Obgleich alleine der Name der Software Adobe Photoshop kaum Zweifel daran lässt, welchen Anwendungsbereich der Hersteller für die Software vorsieht, wird sie von vielen Webworkern kurioserweise für das grafische Design von Webanwendungen eingesetzt. Auch wenn mit Fireworks vom selben Anbieter eine dezidierte Software für diesen Aufgabenbereich angeboten wird. Ein pointierter Einblick in den Alltag eines freiberuflichen Designers. |  Kommentare: 12

Logo: ProcessWire. Build Bigger, Faster, Stronger, Easier

CMS

ProcessWire

von Michael van Laar am 05.12.2012

Webdesigner, die möglichst schnell vom HTML-Dummy zu einer funktionierenden Website gelangen wollen, sollten einen Blick auf das CMS ProcessWire werfen. ProcessWire ist zwar noch nicht sehr verbreitet. Doch es besticht durch seine Reduktion aufs Wesentliche und seine große Flexibilität. |  Kommentare: 0

Weiße, aufgerasterte Schrift auf einem grünen Hintergrund

Techniken zur Schriftglättung

Vom Vektor zum Pixel: Rasterizer

von Gerrit van Aaken am 04.12.2012

Digitale Fonts sind meist aus Vektoren aufgebaut. Um diese auf dem pixelbasierten Bildschirm darzustellen, muss sich das Betriebssystem etwas einfallen lassen. Die verschiedenen sogenannten Rasterizer von Windows, OS X und Co. setzen dabei unterschiedliche visuelle Schwerpunkte. |  Kommentare: 6

Logo: Grunt

Build-Tool für Webworker

(Bessere) Projekt-Pakete schnüren mit Grunt

von Frederic Hemberger am 03.12.2012

Mit Grunt gibt es ein neues Tool, das hilft, wiederkehrende Aufgaben in Frontend-Projekten zu automatisieren. Einmal konfiguriert ist das Testen und Ausliefern selbst bei umfangreichen Projekten problemlos möglich – und eignet sich so auch für die gemeinsame Entwicklung in Teams. |  Kommentare: 3

Brackets Logo über dem Startbildschirm

Adobe Brackets

Ein Webeditor für Webworker?

von Matthias Slovig am 02.12.2012

Mit Brackets geht Adobe neue Wege in Sachen Quellcodeeditoren fürs Web. Die Live Preview macht es unnötig, die Seite im Browser ständig neu zu laden. Per Quick Edit lässt sich CSS direkt in der HTML-Datei bearbeiten. Die neuen Ansätze könnten die tägliche Arbeit eines jeden Webworkers erleichtern. |  Kommentare: 4

Seiten