Webkrauts Logo

Webkrauts Webkrauts Schriftzug

- für mehr Qualität im Web

Artikel

Demonstration eines responsiven Bildes auf unterschiedlichen Endgeräten.

picture und srcset

Der neue Standard für responsive Bilder

von Jens Grochtdreis am 05.12.2014

Bilder machen den Großteil des Übertragungsvolumens einer Webseite aus. Es ist deshalb eine große Herausforderung, eine Lösung für die responsive Einbindung von Bildern zu finden und damit die Ladezeiten für mobile Endgeräte zu verbessern. Die Lösung bilden das neue srcset-Attribut und das neue picture-Element. |  Kommentare: 28

Infografik, Weltkarte, Deutschland hervorgehoben

Interaktive Visualisierungen: Touchscreen, Performance und Barrierefreiheit

Mobile-First-Datenvisualisierung II

von Mathias Schäfer am 04.12.2014

Der Aufstieg der Mobilgeräte bringt neue technische Grundlagen mit sich. Nach den grundsätzlichen Überlegungen zur Datenvisualisierung gilt es, diese für die mobile Nutzung zu optimieren. Was gibt es im Rahmen von Touchscreens, Performance und Barrierefreiheit zu beachten? |  Kommentare: 0

Kleine Infografik

Interaktive Visualisierungen für alle Geräte entwickeln

Mobile-First-Datenvisualisierung I

von Mathias Schäfer am 03.12.2014

Das mobile Internet ist seit Jahren auf dem Vormarsch und hat in einigen Bereich bereits die Nutzung durch stationäre Computer überholt. Damit müssen Webseiten umso mehr auch auf kleinen Bildschirmen funktionieren und sich nicht nur per Maus, sondern auch per Touch bedienen lassen. Welche Konsequenzen hat das für die Datenvisualisierung? |  Kommentare: 1

Logo hologram

Styleguide-Generator Hologram

Living Styleguides

von Olaf Gleba am 02.12.2014

In einem Webprojekt ist die konsistente Entwicklung und Pflege der Code-Basis immer eine große Herausforderung für alle Teammitglieder. Der Einsatz und die konsequente Nutzung eines Living Styleguides als zentrale Schaltstelle der Entwicklung kann das Team hierbei entscheidend unterstützen. Mit dem Styleguide-Generator Hologram integriert ihr solch einen Living Styleguide einfach in euren Workflow. |  Kommentare: 5

Gemälde von Andreas Achenbach: stürmische Hafeneinfahrt, 1850

Best Practice Projektmanagement

Der Projektverlauf aus dem Bilderbuch

von Nils Pooker am 01.12.2014

Durch moderne Browser auf unzähligen, immer wieder neuen Ausgabegeräten mit unterschiedlichen Bildschirmgrößen haben sich auch die Anforderungen an das Projektmanagement responsiver Webseiten drastisch verändert. Wir geben euch Tipps, wie ihr ein Web-Projekt plant, konzipiert, gestaltet, entwickelt und betreibt, so dass dabei weder Zeit oder Budget überschritten werden noch die Qualität leidet. |  Kommentare: 7

Mops schaut auf Dalek-Figur

Cross-Browser-Testing mit DalekJS

Exterminate all bugs!

von Michael Kühnel am 17.09.2014

Sowohl Entwickler als auch Kunden sollten ihre Webseiten und -applikationen testen. Und zwar kontinuierlich und im Idealfall natürlich automatisiert. Für die verschiedenen Testarten gibt es die verschiedensten Tools. Dieser Artikel beleuchtet ein neues Tool der Kategorie Oberflächen-Testing. |  Kommentare: 6

Webkrauts-Umfrage 2014

Webworker-Umfrage 2014

Jetzt wissen wir es

von Jens Grochtdreis am 11.07.2014

Die Webkrauts wollten es wieder wissen, wollten sich einen Eindruck verschaffen, wie Webworker so ticken. Die entsprechende Umfrage lief vom 7. April bis zum 7. Mai auf webkrauts.de, 758 Webworker haben unsere Fragen beantwortet. Wir bedanken uns recht herzlich bei allen Teilnehmern. |  Kommentare: 16

Mappen mit dem Logo vom Webkongress Erlangen

Webkrauts unterwegs

Grüße vom Webkongress Erlangen 2014

von Nicolai Schwarz, Kerstin Probiesch, Matthias Mees, Jens Grochtdreis, Nils Pooker, Renate Hermanns, Jan Hellbusch, Dirk Jesse am 26.03.2014

In der letzte Woche fand der vierte Webkongress Erlangen statt. Die Vorträge drehten sich um Barrierefreiheit, Content-Management-Systeme (CMS) und Webdesign. Auch einige Webkrauts waren als Referenten und Gäste auf dem Kongress, hier unsere Eindrücke. |  Kommentare: 0

Schriftzug flexible auf einem Tor. Sieht nicht sehr flexibel aus.

Modernes Layout mit CSS

Flexbox light – das neue Layoutprinzip schon heute anwenden

von Jens Grochtdreis am 17.02.2014

Flexbox ist eine interessante neue CSS-Technik, mit der Webworker einfacher Inhalte in einem Layout anordnen können. Dabei können sie auch Elemente unabhängig von der Codereihenfolge sortieren. Leider ist die Verbreitung dieser Technik nicht besonders groß. Einfaches Umsortieren kann aber mit einem einfachen Trick schon heute realisiert werden. |  Kommentare: 12

Bleistift auf einem Kalender

Konferenzen und BarCamps

Darauf freuen wir uns in 2014

von Michael Jendryschik, Kerstin Probiesch, Frederic Hemberger, Bernhard Welzel, Nicolai Schwarz am 14.01.2014

Als Webworker können wir Monat für Monat aus einer ganzen Reihe an Konferenzen, BarCamps, Webmontagen und Stammtischen auswählen. Irgendetwas ist immer los. Bei all den vielen Terminen gibt es einige, auf die wir uns besonders freuen. Eine kleine Auswahl. |  Kommentare: 5

Seiten