Beiträge von Frank Schad

AVIF, WebP oder HEIC — welches ist das Bildformat der Zukunft?

Montag, 30. August 2021 um 09:29 von Frank Schad in Webdesign

AVIF, WebP oder HEIC — welches ist das Bildformat der Zukunft? — Bild: Pixabay / lordsse_design

JPEG, PNG, GIF — jahrzehntelang hat sich in punkto Bildformate für Websites so gut wie gar nichts getan, und anscheinend waren alle damit ganz zufrieden. Seitdem die Welt des Internets mobil geworden ist, sind kleinere Dateigrößen gefragt und es kommt Bewegung in die Frage, ob die bisherigen Formate ausreichend sind. Mit AVIF, WebP und HEIF/HEIC stehen vielversprechende neue Bildformate in den Startlöchern, die sich unser Autor Frank Schad näher anschaut und der Frage nachgeht, welches sich durchsetzen könnte…

iOS 7, oder: Ist Skeuomorphismus heilbar?

Mittwoch, 25. September 2013 um 18:55 von Frank Schad in Webdesign

Die Designer von Apple, die jahrzehntelang weltweit die Maßstäbe im Interfacedesign setzten, mussten in der jüngeren Vergangenheit vermehrt heftige Kritik einstecken: Zuviel Skeuomorphismen hieß es, die Grenzen des guten Geschmacks seien überschritten, Steve Jobs werde senil! Die in Leder gebundenen Notizbuch- und Kalender-Apps sahen nicht nur geschmacklos und furchtbar spießig aus, sondern die Skeuomorphismen waren teilweise sogar hinderlich bei der Bedienung der Software. Damit ist nun Schluss: Nun setzt auch Apple auf ein rigoros minimalistisches Flat Design.

iTunes Icon Phone Icon

Tags: Interface Design , iOS 7 , Skeuomorphismus , Flat Design

Video: Web im Park Live-Mitschnitt – Do It Better With CSS, Part 5: Animationen

Mittwoch, 31. Juli 2013 um 09:38 von Frank Schad in Webdesign

Hier nun der fünfte und letzte Teil des Web-im-Park-Vortrags Do It Better With CSS. In dieser Folge zeige ich euch, wie ihr sowohl HTML-Elemente als auch Pixelgrafiken animieren könnt.

Die Beispieldateien gibt's hier.

Tags: Video , Screencast , CSS3 , Web im Park , Animationen

Video: Web im Park Live-Mitschnitt – Do It Better With CSS, Part 4: Selbstgestaltete Checkboxen

Freitag, 26. Juli 2013 um 13:39 von Frank Schad in Webdesign

Hier ist der vierte Teil des Web-im-Park-Vortrags Do It Better With CSS. Diesmal zeige ich euch, wie ihr mit CSS Formular-Checkboxen selbst gestalten könnt.

Hier könnt ihr die Beispieldateien herunterladen.

Tags: Video , Screencast , CSS3 , Web im Park

Video: Web im Park Live-Mitschnitt – Do It Better With CSS, Part 3: Konturen

Dienstag, 23. Juli 2013 um 09:14 von Frank Schad in Webdesign

Nun folgt der dritte Teil des Web-im-Park-Vortrags Do It Better With CSS. In dieser Folge zeige ich euch zwei Möglichkeiten, wie ihr einem Element mit CSS mehrere Konturen zuweisen könnt.

Hier gibt’s die Beispieldateien.

Tags: Video , Screencast , CSS3 , Web im Park

Video: Web im Park Live-Mitschnitt – Do It Better With CSS, Part 2: Hintergründe

Donnerstag, 18. Juli 2013 um 16:19 von Frank Schad in Webdesign

Hier kommt der zweite Teil des Web-im-Park-Vortrags Do It Better With CSS. Diesmal geht es darum, was man so alles mit Hintergründen und CSS-Gradients anstellen kann.

Die Beispieldateien gibt’s hier.

Viel Spaß beim Ausprobieren!

Tags: Video , Screencast , CSS3 , Web im Park

Video: Web im Park Live-Mitschnitt – Do It Better With CSS, Part 1: Transformationen

Sonntag, 14. Juli 2013 um 16:42 von Frank Schad in Webdesign

Nachdem ich die letzten Tage mit Unterrichten beschäftigt war, bin ich jetzt endlich dazugekommen, den Live-Mitschnitt meines letzten Web-im-Park-Vortrags Do It Better With CSS, Teil 1 zu schneiden.

Den Vortrag gibt es in 5 Teilen. Den Anfang macht ein Überblick über die Möglichkeiten, mit CSS geometrische Formen wie Ellipsen, Kreise, Parallelogramme oder Pfeile zu erzeugen.

Die im Video verwendeten Beispieldateien gibt’s hier.

Viel Spaß beim Ausprobieren!