• WordPress 6.0: The Early Roadmap

    WordPress 6.0 steht vor der Tür, und Justin Tadlock beschreibt auf WP Tavern die Highlights der von Matias Ventura veröffentlichten Preliminary Roadmaps.

  • Inhalte am Bildschirm verstecken mit der Klasse »visually-hidden«

    Auf Webseiten gibt es manchmal Elemente, die zwar im Quelltext und für Benutzer mit einem Screenreader sinnvoll sind, in einem visuellen Layout aber nicht benötigt werden. Zu diesem Zweck kann man, wie in diesem Beitrag beschrieben, einen Hilfsklasse erstellen, die man z. B. visually-hidden nennt.

  • Visual Studio Code mit Brackets-Farbschema

    Brackets fand ich klasse, aber inzwischen ist Visual Studio Code mein Standardeditor. In diesem Beitrag zeige ich Ihnen, wie man dem hellen Standard-Theme von Code das Brackets-Farbschema zur Syntaxhervorhebung von HTML und CSS verpasst. Das sieht einfach besser aus …

  • Visual Studio Code direkt im Browser

    Microsoft eine browserbasierte Light-Version von Visual Studio Code veröffentlicht: … when you go to vscode.dev, you’ll be presented with a lightweight version of VS Code running fully in the browser. Open a folder on your local machine and start coding. vscode.dev Ohne lokale Installation. Visual Studio Code läuft direkt im Browser, und man kann ganz…

  • Kein »WordPress-Layouts für Einsteiger«

    In letzter Zeit häufen sich Mailanfragen von WordPress-Nutzern, wann denn das seit langem angekündigte Buch »WordPress-Layouts für Einsteiger« endlich erscheinen wird. Kurze Antwort: leider gar nicht. Und das kam so …

  • Safari 15 und die Tabs. Mit Update für Safari 15.1.

    In der fünfzehnten Safari-Version gibt es einige grundlegende Änderungen wie z. B. Tabgruppen und ein kompaktes Layout mit Tabs und Adressleiste in einer Zeile. In diesem Beitrag beschreibe ich die wichtigsten Änderungen auf macOS und iOS und besonders geräteübergreifend finde ich sie ziemlich gut.

  • Meine Lesezeichen zu HTML

    Raindrop.io ist ein phantastischer Dienst zum Sammeln von Bookmarks, der bei mir als Nachfolger von del.icio.us und Pinboard.in seinen festen Platz in meinem Workflow hat. Mit Raindrop kann man seine gesammelten Lesezeichen sogar veröffentlichen: Auf dieser Webseite finden Sie alle Lesezeichen aus meiner Sammlung zu HTML, und zwar immer die aktuelle Version. Hier eine kleine…

  • Beispiele aus der Praxis: H-T-M-Hell

    H-T-M-Hell ist ein Projekt von Manuel Matuzović, und mit hell ist hier das englische Wort für Hölle gemeint, also wie in »Highway to Hell«, und nicht wie in »Auf dem Heimweg wird’s hell«. Die Website hat zwei große Bereiche: Wer nichts verpassen möchte, kann Manuel auf Mastodon folgen und / oder einen Newsletter abonnieren.

  • Video: Hexadezimale Farbangaben verstehen

    In diesem genialen, 18-minütigen Vortrag erklärt David DeSandro, wie er als farbenblinder Entwickler Hex-Codes liest. Danach sieht man Hex-Codes buchstäblich mit anderen Augen. Der ganze Vortrag ist das Anschauen wert, aber besonders interessant fand ich die Sache mit der Kurzschreibweise: Das nutze ich in den letzten Wochen immer häufiger, und mit Ausnahme von hellen Grauwerten…

  • Using HSL Colors in CSS

    Toller Beitrag zum Thema Using HSL Colors In CSS: Ahmad Shadeed explains what HSL is, how to use it, and shares some of the useful use-cases and examples that you can use right away in your current projects. Smashing Magazine (07/2021) Wenn Sie hsl() interessant finden, ist dieser Artikel eine echte Empfehlung.

  • Farben mischen mit HSL

    Der HSL Color Picker hilft beim Denken in HSL: Der Würfel links unten neben dem Farbfeld zeigt eine Zufallsfarbe.

  • Bowie and the Internet

    Im Jahre 1999 sagte David Bowie in einem 16-minütigen Interview mit BBC newsnight folgendes über das Internet: I don’t think we’ve even seen the tip of the iceberg. I think the potential of what the internet is going to do to society, both good and bad, is unimaginable. Als der Interviewer entgegnet »It’s just a…

  • Blocksatz im Web

    »Warum Blocksatz auf Websites tabu ist« ist ein lesenswerter Beitrag von Martin Sauter: Blocksatz ist ästhetischer, besser lesbar und professioneller als Flattersatz mit seinem unregelmässigen rechten Rand. Und trotzdem nutzen fast alle Websites dieser Welt Flattersatz. Warum Blocksatz auf Websites tabu ist Fazit: Blocksatz ist ohne Silbentrennung nicht sinnvoll, und die wiederum ist im Web…

  • Bloggen mit Ulysses

    Ulysses ist eine ziemlich geniale App zum Schreiben von Texten, die ich schon seit vielen Jahren auf Mac, iPad and iPhone nutze. Dieser Beitrag zeigt, dass Ulysses sich inzwischen auch zum Bloggen eignet.

  • Margin nur in eine Richtung

    »Single-direction margin declarations« ist ein Klassiker von Harry Roberts : The basic premise is that you should try and define all your margins in one direction. This means always use margin-bottom to push items down the page … CSSWizardry.com Kuriert Collapsing Margins und ist einfach einfacher. Bootstrap macht das heute noch: Avoid margin-top.

  • Online Learning braucht Feedback

    »There’s a Shift in eLearning« ist ein interessanter Beitrag von Chris Lema: … the only way people learn is with feedback. It’s not watching videos that makes you smarter. It’s having someone check your work …

  • Websites nur mit HTML und CSS?

    In Buch und Videokurs zum Lernen von HTML und CSS erstellen Sie eine kleine Übungswebsite, deren Quelltext Sie gerne als Basis für eigene Webseiten nutzen können. Sie sollten aber vorher kurz überlegen, ob von Hand geschriebene Webseiten für Ihr Vorhaben wirklich ausreichen, oder ob ein CMS wie WordPress vielleicht doch die bessere Wahl ist.

  • Listen: Das Wichtigste zum Gestalten von Aufzählungszeichen per CSS

    In diesem Beitrag zeige ich Ihnen, wie Sie die Aufzählungszeichen von Listen per CSS gestalten können. Dazu lernen Sie zunächst die Voreinstellungen vom Browser-Stylesheet kennen und sehen, wie man diese mit der CSS-Eigenschaft list-style und dem Pseudoelement ::marker gestalten kann.

  • Apple Fotos: exportierte Fotos im Finder sortieren

    Die Apple Fotos App ist für Gelegenheitsfotografen wie mich eine feine Sache, aber beim Exportieren scheint das Aufnahmedatum spurlos zu verschwinden, sodass man die Fotos im Finder nicht nach Aufnahmedatum sortieren kann. Dieser Beitrag beschreibt das Problem und mögliche Lösungen, mit denen man exportierte Fotos im Finder nach Aufnahmedatum sortieren kann.

  • Responsive Navigation mit Progressive Enhancement

    In diesem Beitrag erstellen Sie eine responsive Navigation, die immer funktioniert: Ohne JavaScript sehen die Besucher eine vertikale Navigationsliste, mit JavaScript gibt es einen Menübutton, der die Navigation bei Berührung sanft einblendet. In breiten Viewports bekommen die Besucher eine horizontale Navigation.