Lesezeichen

Nach einem Schlagwort filtern

“Our Users Have no Disabilities”

Gefunden am:

  • EN
  • #barrierefreiheit

Wieso es ein Irrglauben ist, dass Barrierefreiheit nicht nötig ist, wird hier etwas beleuchtet.

Optimizing Images

Gefunden am:

  • EN
  • #bildoptimierung
  • #performance

Ein umfangreicher Artikel für die performante Verwendung von Bildern fürs Web. Dies ist ein Auszug aus dem Buch Designing for Performance.

Fast load times

Gefunden am:

  • EN
  • #performance

Ein Bereich auf web.dev, welcher sich voll dem Thema Performance richtet.

Colour management, part 1

Gefunden am:

  • EN
  • #farbmanagement

Der erste Teil einer Artikelserie zum Thema Farbmanagement.

RZ-BY/Leitfaden-Barrierefreiheit

Gefunden am:

  • #barrierefreiheit

Ein umfangreicher Leitaden einer Hochschule zur Barrierefreiheit. Dieser ist öffentlich auf Github geteilt.

A Guide to Combining Fonts

Gefunden am:

  • EN
  • #typografie

Auf was geachtet werden sollte wenn verschiedene Schriften miteinander kombiniert werden.

Can I email…

Gefunden am:

  • EN
  • #email
  • #newsletter

Analog caniuse.com können mit caniemail.com Features geprüft werden ob und durch welche E-Mail-Clients sie unterstützt werden.

Localazy

Gefunden am:

  • EN
  • #uebersetzung

Ich habe bisher keine Erfahrung mit localazy gemacht. Es scheint jedoch ein umfangreiches und spannendes Übersetzungstool zu sein.

Keep the Footer at the Bottom: Flexbox vs. Grid

Gefunden am:

  • EN
  • #css
  • #webentwicklung

Moderne Möglichkeiten wie mit CSS der Footer immer am unteren Bildschirmrand angezeigt wird, egal wieviel Inhalt die aktuelle Seite enthält.

OpenMoji

Gefunden am:

  • EN
  • #icons

Eine Open Source Alternative von Emojis.

Prevent layout shifts with CSS grid stacks

Gefunden am:

  • EN
  • #css
  • #webentwicklung

Layout Shifts sind störende Verschiebungen des Layouts, die durch eine Aktion ausgelöst werden. Dieser Erfahrungsbericht zeigt wie dies mit CSS Grid verhindert werden konnte.

Under-Engineered Responsive Tables

Gefunden am:

  • EN
  • #barrierefreiheit
  • #html
  • #webentwicklung

Ein umfangreicher Blogartikel zu responsiven Tabellen mit der Barrierefreiheit im Fokus.

TypoGREP · Kompendium für automatisierte Typografie

Gefunden am:

  • #indesign
  • #typografie

In InDesign werden mithilfe von regulären Ausdrücken gezieltere Suchabfragen gemacht oder automatisierte Formate angelegt. Dieses Nachschlagewerk hilft dir dabei.

State of CSS

Gefunden am:

  • EN
  • #css
  • #webentwicklung

State of CSS ist eine Auswertung einer jährlichen Umfrage zu den Kenntnissen der CSS Möglichkeiten und Eigenschaften.

Bilder schärfen in Photoshop

Gefunden am:

  • #photoshop

Viele Wege führen nach Rom oder zur gewünschten Schärfe eines Bildes. Im Artikel werden verschiedene Methoden in Photoshop gezeigt.

print-css.rocks

Gefunden am:

  • EN
  • #print-css

Wer sich für PrintCSS interessiert, kommt nicht an dieser Gegenüberstellung der bekanntesten Lösungen vorbei.

How HTTPS Works

Gefunden am:

  • EN
  • #netzwerk
  • #sicherheit

Wie funktioniert https? Eine auflockernde Erklärung mithilfe von Comics.

Isoflow | Network Diagrams

Gefunden am:

  • EN
  • #diagramm
  • #webapp

Isoflow ist ein Tool um visuell ansprechende Diagramme zu erstellen.

Inclusively Hiding & Styling Checkboxes and Radio Buttons

Gefunden am:

  • EN
  • #barrierefreiheit
  • #css
  • #formular
  • #svg
  • #webentwicklung

Checkboxen und Optionsfelder lassen sich leider nicht so einfach mit CSS gestalten. Sara zeigt auf wie man es mit SVG Grafiken und zudem barrierfrei umsetzen kann.

Grid Garden

Gefunden am:

  • EN
  • #css
  • #elearning
  • #webentwicklung

Auf CSS Grid Garden kann spielerisch der Umgang mit Layout Raster (CSS Grid) gelernt werden.

Standards for Writing Accessibly

Gefunden am:

  • EN
  • #barrierefreiheit

Einige wertvolle Tipps zur Barrierefreiheit aus dem Buch «Writing Is Designing» sind in diesem Blogartikel zu finden.

postcss-preset-env

Gefunden am:

  • EN
  • #css
  • #webentwicklung

Viele wertvolle Neuerungen in CSS werden mittlerweile von den Browsern unterstützt. postcss-preset-env ist ein spannendes Tool um noch weitere, künftige Möglichkeiten bereits heute zu nutzen.