Ich war ein paar Tage bei LinkedIn Learning in Graz, um zwei neue WordPress-Kurse aufzunehmen. Als Theme kommt bei beiden Kursen das brandneue Standardtheme Twenty Twenty-Four zum Einsatz, das mir wirklich gut gefällt.
Sie sehen alle Beiträge zum Thema
Videokurse
Beiträge zu meinen bei LinkedIn Learning erschienenen Videokursen.
- Bücher (29)
- CSS-Grundlagen (18)
- CSS-Layout (10)
- HTML (16)
- HTML + CSS (22)
- Social Media (5)
- Sonstiges (9)
- Tools (23)
- Videokurse (23)
- WordPress (39)
»Webtechniken lernen 3« – der neue Kurs ist da
Mein LinkedIn Learning-Kurs »Webtechniken lernen« hat sich in den letzten Jahren zu einem kleinen Hit gemausert, und im Oktober habe ich den dritten Teil komplett überarbeitet und neu aufgenommen. Jetzt ist er erschienen.
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.
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.
3 wirklich gute kostenlose Editoren für HTML und CSS
In diesem Beitrag stelle ich Ihnen die drei beliebtesten kostenlosen Kandidaten kurz vor: Visual Studio Code, Brackets und Atom. Alle drei gibt es für Windows, macOS und Linux und eignen sich hervorragend zum Schreiben von HTML, CSS und auch JavaScript.
Das »C« in CSS in einem Tweet und einem Film
Die Kaskade, also das »C« in den »Cascading Style Sheets« ist immer wieder eine Herausforderung beim Lernen von CSS. Dabei ist es gar nicht so schwer. Passt in einen Tweet oder einen Film.
Bilder optimieren: DPR 2 ist meist genug
HTML bietet mit dem Attribut srcset
die Möglichkeit, je nach Auflösung des Bildschirms verschiedene Grafiken auszuliefern. Inzwischen gibt es jede Menge Geräte mit einer DPR 3 und einige sogar mit 4, Tendenz steigend. Muss man also jetzt von jedem Bild drei oder vier verschiedene Versionen ausliefern? Kurze Antwort: Nein, zwei sind fast immer genug.
Webtechniken lernen 3: CSS-Layout (2019)
Es gibt einen neuen Videokurs von mir. Zum Layouten per CSS.
Webtechniken lernen 2: CSS-Grundlagen
Es gibt einen neuen Videokurs von mir. Zu den Grundlagen von CSS.
Webtechniken lernen 1: HTML (2018)
Es gibt einen neuen Videokurs von mir. Zu HTML.
WordPress: Videokurs zum Pagebuilder »Elementor«
Die statischen Seiten dieser WordPress-Website wurden mit dem Pagebuilder Elementor gestaltet, zu dem es einen Videokurs von mir gibt.
Videokurs »Responsive Flexbox-Layouts«
Gerade bei video2brain erschienen. Inzwischen bei LinkedIn Learning verfügbar
Flexbox: IE versteht flex:1 nicht richtig
Der Internet Explorer 11 versteht die Flexbox-Syntax. Im Prinzip. Eigentlich. Wohl. So’n bisschen.
However. Mit flex:1
hat er Probleme, wenn es zusammen mit flex-direction: column
benutzt wird. Das ist mit dem IE11 fast wie früher beim Floaten…
Also ich finde es nicht sonderlich schade, dass der „Internet Exploder“ den Weg des Dodo geht gegangen ist …
IE11 und die Zentrierung per Flexbox
Das Zentrieren von Elemente sowohl horizontal als auch vertikal ist mit der Flexbox theoretisch ganz einfach: margin:auto
, und fertig. Der Internet Explorer versteht zumindest in der 11er-Version zwar Flexbox, hat aber diverse Bugs und so kommt er mit diesem in Kapitel 19 von Flexible Boxes beschriebenen Trick nicht klar. Er zieht das zu zentrierende Element einfach in die Länge, was etwas unschön aussieht (siehe Beitragsbild).
Videokurs »Little Boxes – die CSS-Positionierung«
Am 17. August 2015 ist Teil 3 der neuen Little Boxes-Reihe veröffentlicht worden, in dem es um die Positionierung per CSS und das Erstellen von mehrspaltigen Layouts per Float geht.
Responsive Grafiken: ein Überblick
Dieser Beitrag gibt einen kurzen Überblick über das wichtigste zum Thema responsive Bilder bzw. Grafiken, von der picture-Spezifikation über die Attribute srcset
und size
bis hin zum picture
-Element.
Videokurs »Little Boxes – die CSS Grundlagen«
Am 21. April 2015 ist Teil 2 der neuen Little Boxes-Reihe veröffentlicht worden, die das vor über vier Jahren erschienene „große Training“ aktualisiert und erweitert.
Videokurs: »Little Boxes – der HTML-Crashkurs«
Seit November 2018 gibt es den offiziellen Nachfolge-Kurs »Webtechniken lernen, Teil 1: HTML», mit neuer Beispielsite, komplett überarbeitet, aktualisiert und erweitert.
Am 11. März 2015 ist Teil 1 der neuen Little Boxes-Reihe veröffentlicht worden, die das vor über vier Jahren erschienene „große Training“ aktualisiert und erweitert.
Rückblick: Juli bis Dezember 2014
Zwischen den Feiertagen ist eine gute Zeit für einen kurzen Rückblick auf das vergangene Jahr. In der zweiten Jahreshälfte habe ich diverse Projekte abgeschlossen, von denen einige erst im Januar erscheinen werden. Hier ein kleiner Überblick.