#Tutorials

2025-06-05

At #ISC25 in Hamburg, 10-13 June, JSC will organise and participate in numerous #Talks, #Tutorials, #BoFs and #Workshops. 🎤📚 Visit our website for a complete list of all our events including dates, times and locations: go.fzj.de/isc25

Intermediate CSS Tutorial: Introduction to Flexbox

fed.brid.gy/r/https://goodinte

<!--kg-card-begin: html-->

<img alt="Intermediate CSS Tutorial: Introduction to Flexbox" src="https://images.unsplash.com/photo-1669023414166-a4cc7c0fe1f5?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wxMTc3M3wwfDF8c2VhcmNofDI5fHxjc3MlMjBjb2Rpbmd8ZW58MHx8fHwxNzQyNTEyMTEwfDA&amp;ixlib=rb-4.0.3&amp;q=80&amp;w=2000" /><p>Throughout this tutorial, I encourage you to look at the page source and resize your browser window to see how the different examples react to different screen and text sizes. If you&apos;re on a phone, try switching between portrait and landscape mode to get different page widths.</p>
	<p>For clarity, all boxes inside a flexbox container will be outlined in red.</p>

	<h2>How to think about flexbox</h2>
	<p>Flexbox is a &quot;1-dimensional&quot; layout system. Much like a sentence has one &quot;direction&quot;, from start to finish, it can be <a href="#wrap">wrapped</a> across multiple lines while remaining fundamentally one-dimensional. Flexbox can <em>seem</em> two-dimensional, because each flex item (or &quot;word&quot; in the flex &quot;sentence&quot;) can be quite complex and contain things laid out in the other direction (column vs row), but each flex <em>container</em> can only be one dimension. If you need a two-dimensional layout system, you need <a href="https://css-tricks.com/snippets/css/complete-guide-grid/?ref=goodinternetmagazine.com">CSS grid</a>.</p>

	<h2 id="setup">Setting up flexbox</h2>
	<p>At its simplest, flexbox has two
Tim De Jongtjadejong
2025-06-07

Added a convenient courses overview to my website. This will make it easier for you to find the tutorial content on my site:

thinkpractice.nl/courses/

UmWerker 🕊 ☮️ 🤘UmWerker@todon.nl
2025-06-06

I still like to go to #YouTube for #tutorials. No idea why I didn't do that for #css #grid and #flexbox until now. I made up for this omission yesterday. Oh dear, the result was devastating. I'm obviously lucky that my tinkering worked. This delays the restart of the blog even further, because of course I can't leave it at that.

UmWerker 🕊 ☮️ 🤘UmWerker@todon.nl
2025-06-06

Für #Tutorials steuere ich nach wie vor gerne #YouTube an. Keine Ahnung, warum ich das für #css #grid und #flexbox bisher nicht machte. Das Versäumnis habe ich gestern nachgeholt. Oje, das Ergebnis war niederschmetternd. Ich habe offenbar Glück, dass mein Gebastel funktioniert. Damit verzögert sich der Neustart des Blogs noch weiter, denn das kann ich natürlich nicht so stehen lassen.

2025-06-05

📬 BGH-Urteil „Handy entsperren“ – So schützt du dein Android-Smartphone
#Smartphones #Tutorials Anleitungen #ADBDebugging #AndroidSicherheit #BGHUrteil #Biometrie #DatenschutzTipps #Handyentsperren sc.tarnkappe.info/f80c9e

2025-05-28

WWW 122 – Wöchentliche WordPress Weblinks

Heute am 28.05 ist Weltspieltag 🎲

Der Tag soll daran erinnern, wie wichtig Spielen für Kinder (und auch Erwachsene) ist. Denn es fördert Kreativität, Bewegung und das soziale Miteinander – und macht auch noch Spaß. Und auch wir sollten uns viel öfter eine Auszeit nehmen und uns eine Spielpause gönnen. Und damit meinen wir nicht unbedingt ein Computer-Game, sondern auch mal einen gemütlichen Abend mit Freunden und der Familie. :)

Aber nun gibt es erst einmal unsere WWW zum Lesen, lernen und inspirieren lassen.

Wir wünschen einen gemütlichen Feiertag!

dein Leo Skull Team ⭐️

Gravity Forms: Brevo Add-On

Was Gravity Forms auszeichnet sind die vielen Erweiterungen, die die Möglichkeiten des Form Builders in alle möglichen Richtungen erweitern. Im Vergleich zu anderen Erweiterungen nicht ganz so umfangreich, aber für alle, die es benötigen dann doch genau richtig ist die das neue Brevo Add-On von den Gravity-Entwickler*innen selbst. Mit dem Add-On können Gravity Forms Formulare direkt mit Brevo (früher sendinblue) verbunden werden – nicht mehr, aber auch nicht weniger.

Bring mich hin (*)

Nur ein QR Code

QR Codes kann man immer mal wieder brauchen und es gibt unzählige Tools, um sie zu erstellen. Aber fast alle kosten, die einen Geld, die anderen knallen ihre Nutzer*innen mit Werbung und Trackern zu. Auf justaqrcode.com gibt es einen kostenlosen, werbe- und trackingfreien QR Code Generator für URLs. Der besteht aus einer einfachen Single Page App, die komplett im Browser läuft, man kann also einfach den Source der Seite speichern und den Generator dann lokal ausführen. Besonders schön sind die „Lizenzbedingungen“:

My offer to you — I will continue to pay for the domain name and web hosting for it, myself. If you find it valuable, you can pay it back by creating your own useful thing for the world and releasing it for free. Let’s take back the friendly web, one vexingly-monetized utility at a time!

Bring mich hin

Bricks 2.0 Beta

Version 2.0 des Page Builder Bricks hat das Beta-Stadium erreicht. Die Liste der Neuerungen ist, wie es sich für so einen Versionssprung gehört, umfangreich. Für alle Nutzer*innen von Bricks lohnt es sich auf jeden Fall, die Beta schon zu testen – natürlich nicht in einem Produktivsystem, sondern in einem Testsystem.

Bring mich hin (*)

HTML-Mails und Barrierefreiheit

Was offenbar häufig übersehen wird: Das Thema Barrierefreiheit ist nicht nur bei Websites relevant, sondern auch bei E-Mails im HTML-Format. Gerade Shops versenden Bestell- und Versandbestätigungen oft als HTML-Mails – und da sieht es in Sachen Barrierefreiheit noch ziemlich düster aus: Von 443.585 E-Mails, die im Laufe des letzten Jahres vom email markup consortium  automatisiert analysiert wurden, bestanden gerade einmal zwei alle Tests. 99,89% der E-Mails hatten Probleme der Kategorien „Serious“ und „Critical“.

Aber auch bei den E-Mail-Client sieht es nicht gut aus: Gerade mal ein getesteter Kandidat beherrscht überhaupt alle möglichen Barrierefreiheits-Features – Appel und Samsung sind immerhin knapp davor. 

Bring mich hin

FluentAffiliate: Sneak Peek

Ein neues Fluent-Produkt ist angekündigt: FluentAffiliate. Eine erste Vorschau erklärt, was dieses Affiliate-Plugin von anderen unterscheidet und was die Motivation war, es zu entwickeln. Und selbstverständlich kann man sich auf die Warteliste setzen lassen, um den Start auf keinen Fall zu verpassen.

Bring mich hin (*)

Statistiken: Elementor mit über 12% Marktanteil

Statistiken sind natürlich immer so eine Sache: Was sie wirklich aussagen hängt von der Basis ab, die für die Berechnung verwendet wird, dazu kommt die verwendete Methode und die Vergleichbarkeit verschiedener Statistiken ist auch nicht immer gegeben. Gut vergleichbar sind auf jeden Fall die verschiedenen Statistiken von W3Techs untereinander. Dort wird für WordPress inzwischen ein Marktanteil von insgesamt 43,5% ermittelt und für WordPress mit Elementor von 12,4% von allen Websites. Auf 28,9% der Websites wird in dieser Statistik kein (zu ermittelndes) CMS eingesetzt, damit bleibt WordPress das dominierende Content Management System. Mit deutlichem Abstand folgen Shopify (4,8%), Wix (3,8%) und Squarespace (2,3%).

Bring mich hin

RapidPress: Kostenloses Optimierungs-Plugin

RapidPress optimiert die Ausgabe eines WordPress-Systems, um die Ladezeiten, die Performance und damit den PageSpeed Score der Site zu verbessern. Dabei verspricht das Plugin schlank zu sein, keine Konflikte mit anderen Plugins zu haben, über Hooks und Filter einfach für Entwickler*innen zu erweitern und anzupassen zu sein, sehr fein konfigurierbar zu sein und kontinuierlich weiterentwickelt zu werden. Also alles, was man sich von so einem Plugin erwartet, oder? Dazu ist es kostenlos – klingt fast zu gut um wahr zu sein, aber zum Glück nur fast.

Bring mich hin

Carousel ohne JavaScript

Carousel-Slider kann man mögen oder hassen, aber egal zu welcher Gruppe man selbst gehört: So ein Carousel mit reinem CSS und ohne JavaScript ist technisch auf jeden Fall interessant. Elementor zeigt ein solches, es gibt das entsprechende Widget auch zum Download. Zu 100% funktioniert es aber bislang nur in Chromium-basierten Browsern (Chrome, Edge u.a.), in Safari und Firefox kann man zwar per Tastatur durch die einzelnen Bilder sliden, aber ohne die entsprechenden Navigationselemente muss man auf die Idee erst einmal kommen 😉

Bring mich hin

5 beste WordPress Community Management Plugins

Online-Communities waren schon immer wirksame Mittel für Unternehmen, Marken und Organisationen, um ihr Publikum zusammen zu halten, besser zu verstehen, Kundenbeziehungen aufzubauen und sich von anderen Plattformen abzunabeln.

Die eigene Community auf der eigenen WordPress-Website aufzubauen, kann allerdings auch eine Herausforderung sein, besonders wenn man bei Null anfängt. Eine echte Arbeitserleichterung sind hier Plugins für die Community-Verwaltung. Mit diesen Tools können Funktionen wie Mitgliederprofile, private Gruppen, Chats, Foren und vieles mehr hinzugefügt werden, ohne dass man etwas programmieren muss.

In folgendem Beitrag werden die 5 besten WordPress-Plugins für die Community-Verwaltung vorgestellt, die einfach zu verwenden sind und zahlreiche Funktionen mitbringen.

Bring mich hin

HowTos

Schriftarten und Typografie in Divi 5 einrichten

Schriftarten und Typografie sind das Herzstück deiner Website, denn sie unterstützen die Lesbarkeit und unterstützen deine Marke. Divi 5 will die Arbeit mit Schriftarten so einfach wie möglich machen und implementiert neue Funktionen, um das Einrichten zu erleichtern. In dem folgenden Beitrag erfährst Du, wie Du Schriften und Schriftgrößen in Divi 5 verwaltest und so eine responsive Typografie erstellst, die sich auf allen Geräten gut skalieren lässt.

Bring mich hin

Wie man AI-Inhalte so bearbeitet, dass sie sauber und nicht roboterhaft wirken

Du lässt deine Text-Erstentwürfe von KI schreiben? Da spricht nichts dagegen. Aber du wirst beim Lesen merken, dass sich irgendetwas nicht richtig anhört – es wirkt alles steril und seelenlos. Es ist eben ein von einer Maschine geschriebener Text und es ist deine Aufgabe, dem Ganzen Leben einzuhauchen. Rober DeVore gibt fünft Tipps, wie ihr an die Sache rangehen könnt. Lesenswert!

Bring mich hin

7 WordPress Best Practices für  Ecommerce

Der folgende Artikel ist ein unkomplizierter Leitfaden, mit dem du gelegentliche Besucher in zahlende Kund*innen verwandeln kannst, ohne dass du von der technischen Komplexität erschlagen wirst. Der Artikel kommt vom Divi-Team, also ist klar, dass hier die Werbetrommel für Divi anständig gerührt wird. 😉

Bring mich hin

Divi 5 Anleitung für Anfänger: Wie man die Grundlagen beherrscht

In diesem Beitrag wirst du durch alles geführt, was du brauchst, um mit der Website-Erstellung mit Divi 5 loszulegen. Divi 5 befindet sich zwar noch in der Alpha-Phase, kann aber schon jetzt auf neuen Websites verwendet werden.

Bring mich hin

(*) Dies ist ein Affiliate-Link. Wenn Du über einen Affiliate-Link einkaufst, dann erhalten wir ein paar Prozent Provision – für Dich ändert sich aber nichts am Preis.

Foto von Thomas Buchholz auf Unsplash

#Bloggen #Bricks #Carousel #Community #Divi #Elementor #FluentAffiliate #GenerateBlocks #GravityForms #HowTo #JetFormBuilder #RapidPress #Tutorials #Websites #WordPress

Spielkarten und Brettspielelemente mit Schriftzug.
2025-05-26

Please Please stop the madness! Stop using Java-script for Unix/Linux tutorials !!

As an intensive Unix and Linux user, I love to use a command-line browser. As a rule, these are links, elinks or lynx for me.

So far, they have guided me to my goal at lightning speed, are resource-saving, require little bandwidth, do not distract with unnecessary bells and whistles and, above all, they work even if the X-system fails and I have to boot without a desktop !

For me, commandline or text-based browsers are part of the Linux fire brigade and are the salvation of many users in need. But it doesn't help at all if manuals, help pages and other tutorials use Java-script!

In the example below, you can see a search query in the links browser with the parameters: "Linux close all windows commandline"

Of the 10 websites shown in the search results, 7 (!) could not be displayed at all because of Javascript, 2 did not really correspond to the parameters and only one (the github page) had a corresponding readable answer.

Does that make sense?
Absolutely not!!

Therefore, an anxious request:

Dear Tutorial Content Creators, Dear OS Developers please stop using Javascript or at least provide a plain text or html option, PLEASE PLEASE PLEASE PLEASE PLEASE

#unix #linux #bsd #gnu #foss #floss #cli #tutorials #browser

Mensch und ComputermucConf@hci.social
2025-05-26

🌟 Do you want to offer a tutorial at #MUC2025? 🌟

Then these are the important dates for you:
📫 Submission Deadline: June 11th, 2025, AoE
🔔 Decision Notification: July 9th, 2025, AoE
📸 Camera-Ready Deadline: July 30th, 2025, AoE

Find more details here: muc2025.mensch-und-computer.de

We are excited for your new research methods, design approaches, professional skill inputs, and other contributions!

#MUC2025 #DigitalDiversity #HCI #Tutorials

2025-05-26

Griping About Tutorials Number 2945:
If you can't spell check your thumbnail and title, how can I trust your content?

#tutorials #blender #blender3d #b3d #youtube

Collabora OfficeCollaboraOffice
2025-05-19

New to Collabora Online or looking to sharpen your skills?

You can now find all our tutorial videos in one place — right on our website!

Explore quick and practical guides for Writer, Calc, and Impress — covering everything from formatting tables and tracking changes to PDF exports, collaboration features, and more.

Head to our Tutorials section to get the most out of Collabora Online: buff.ly/25WxM1X

Inautiloinautilo
2025-05-18
UB Chemnitzubchemnitz
2025-05-16

🇩🇪 Schon gewusst?

Ihr findet Video zu den wichtigsten Themen auf unserer Homepage und auf unserem Kanal - ob ihr Infos zum Benutzerkonto, zur Fernleihe oder Datenbankrecherche sucht, es ist alles dabei!

-

🇬🇧 Did you know?

You can find video tutorials on the most important topics on our homepage and on our YouTube channel - whether you need infos on the user account, interlibrary loan or database research, it's all there!

Deutsch: Im Hintergrund ist eine Studentin zu sehen, die an einem Arbeitsplatz der Universitätsbibliothek Chemnitz sitzt und ihren Kopf verzweifelt auf der Tischplatte gebettet hat. Vor sich hat sie einen Laptop, einige aufgeschlagene Bücher und eine Wasserflasche stehen - in der Hand hält sie ein Schild mit der Aufschrift "HELP" (dt. Hilfe). Im Vordergrund ist ein weiterer Laptop zu sehen, auf dessen Bildschirm eine Präsentationsseite mit dem Titel "Katalogsuche" geöffnet ist. // English: A student can be seen in the background, sitting at a desk in the Chemnitz University Library with her head resting desperately on the tabletop. In front of her is a laptop, some open books and a bottle of water - in her hand she is holding a sign that reads ‘HELP’. Another laptop can be seen in the foreground, with a presentation page entitled ‘Catalogue search’ open on its screen.
Caroline MiddlebrookRheyan@mastodon.gamedev.place
2025-05-13

It's #TutorialTuesday! I don't have one to share but to request! I'm starting to learn a little about UI in #unity, the Canvas, TextMeshPro in particular, and that seems to have changed quite drastically in Unity 6 but I can't find anything on it on YouTube that is recent! If you are an expert on it, and use Unity 6, please make some #tutorials. You'll get at least one viewer 😁

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst