# data[].attributes.body
https://strange.garden/

# data[].attributes.body
Tolles Spiel!!!
https://www.jeopardyapp.com/build

# data[].attributes.body
Nennt drei Dinge, die neu für euch waren, TN schreiben ihre Antworten in den Chat, Nennt wzei Dinge die ihr verändern möchtet, wieder in den Chat und nennt 1 ersten Schritt, den ihr nach dem Kurs nach der FoBI machen werdet

# data[].attributes.body
Zwei TN unterhaltne sich über ein Thema. der erste Satz beginnt mit einem A. der zweite Satz muss mit dem darauffolgenden Buchstaben beginnen. Das Thema kann die LK vorgeben. Aber auch die TN können selbst das Thema bestimmen

# data[].attributes.body
Montagsmaler, Scharade, Tabu und Geräusche. Jede Kategorie hat eine Farbe. LK hält die Farbe hoch oder gibt sie an. und per Privatnachricht wird der zu erratende Begriff verschickt.

# data[].attributes.body
LK zeichnet ein Portrait einer TN und alle TN raten wer das ist. dAnn zeichnet eine andere TN ein Portrait einer Person, oder alle zeichnen und halten nach einander das Bild in die Kamera und die anderen müssen raten, wer das ist.

# data[].attributes.body
TN macht die Kamera aus und nimmt ein Gegenstand, das Geräusche von sich gibt. z.B. einen Locher... die anderen hören das Geräusch und versuchen den GEgenstand zu raten

# data[].attributes.body
TN benutzen Emojis (Window und Punkt) um einen Filmtitel darzustellen. andere raten. Das gleiche geht auch mit zusammengesetzen Wörtern

# data[].attributes.body
TN machen mit einer Hand eine zwei (Zeigefinger und Mittelfinger) und mit der anderen Hand machen sie eine drei (mit dem kleinen Finger, dem Ringfinger und dem Mittelfinger) Dann wechseln die Hände...

# data[].attributes.body
KL sagt statements aus einem aktuellen gesellschafltich relevanten Thema, wie z.B. wir brauchen geschelchterneutrale Toiletten, alle über 16 Jahren dürfen wählen, ... TN reagiert: stimme zu (Kamera an und sichtbar, trifft nicht zu Kamera ausschalten, keine Meinung: Kamera an Person duckt sich und ist nicht sichtbar) Variante: TN stehen und wenn es zutrifft setzen sie sich

# data[].attributes.body
TN überlegen sich eine wahre oder nicht wahre Aussage über sich selbst. Die anderen TN entscheiden, ob die Aussage stimmt oder nicht. richtig Dauen hoch, falsch Daumen runter

# data[].attributes.body
LK nennt eine Farbe und TN suchen einen Gegenstand in der Farbe und halten es in die Kamera
Variante: LK nennt einen Gegenstand, TN finden ihn zu Hause und halten ihn vor die KAmera der*die schnellsten gewinnen z.b. Klopapier

# data[].attributes.body
Quizdidaktik ist ein Autorenwerkzeug, mithilfe dessen interaktive Arbeitsblätter (Zuordnung, Lückentexte,...) erstellt und in HTML Dateien umgewandelt werden können. Die so erzeugten Übungslückentexte können anschließend z.B. auf eine Lernplattform hochgeladen werden.

# data[].attributes.attachment_link.readable_text
unterstützt das Lernen zuhause! ( Tipps)

Hier finden Schüler und Lehrer...

Alle aufklappen ↷Alle zuklappen ↶

...Quizübungen

* Lückentexte

Lückentext-Editor ( Textformatierung, Tabellen, Bilder und MP3-Dateien einfügen und im gleichen Editor öffnen und weiterbearbeiten mit ausführlichem online-Tutorial)

Auswahllückentext-Generator ( ausführlichere Lückentexte mit Auswahllisten (Dropdown) automatisch erstellen und nach Moodle/mebis kopieren; jeder Lückenbegriff darf hier nur genau einmal im Text vorkommen)

Wortartenzuordner ( Zuordnungen - nicht nur für Wortarten - als Lückentext mit Auswahllisten (Dropdown) automatisch erstellen und nach Moodle/mebis kopieren; der gleiche zuzuordnende Begriff darf hier auch mehrfach vorkommen)

einzelne Auswahllücken ( kurze Lückentexte mit wenigen selbst definierten Auswahllisten (Dropdown) manuell erstellen und nach Moodle/mebis kopieren)

Lücken-Gestalter ( einzelne Lücken verschiedener Fragetypen für Moodle Lückentexte (Close) manuell erstellen und nach Moodle/mebis kopieren)

Listenlückentext-Generator (Eine Aufzählungsliste mit beliebiger Reihenfolge als Lückentext gestalten)

Lückentext-Zuordnungsfragen ( Zweispaltige tabellarische Zuordnungsaufgaben als Lückentext mit Zifferneingabe für Tablets und Smartphones erstellen als HTML/JavaScript-Übungsdatei oder für Moodle/mebis-Testfragen)

Lückentext-Bildbeschriftung ( Bild mit zu beschriftender tabellarischer Legende für Tablets und Smartphones erstellen als HTML/JavaScript-Übungsdatei oder für Moodle/mebis-Testfragen)

mebis-Lückentext-numerisch ( Kompletten Lückentext für Zahleneingaben vorbereiten und per Copy&Paste auf Moodle/mebis in ein Lückentextfragen-Bearbeitungsfeld hineinkopieren)

* Vokabeltests und Kurzantwortfragen

Vokabeltest-Generator (Kurzantwortfragen-Quiz als HTML-Datei erzeugen)

Vokabeltest-CSV ( Eine CSV¹-Datei in ein Kurzantwortfragen-Quiz als HTML-Datei oder in eine Moodle/mebis-Fragensammlung im GIFT-Format umwandeln) ¹

Vertreibe-die-Spione-Editor (Lernspiel für Vokabeltest- bzw. Kurzantwortfragen selbst gestalten, bei welchem Spione auf einem Spielfeld gefunden und durch die richtige Beantwortung von Fragen vertrieben werden müssen.)
Vertreibe-die-Spione-Spielvorlage (zum Selbstbarbeiten in einem Texteditor)
Die Vokabeln können auch in die LibreOffice Calc-VorlageVobabellistendaten erzeugen eingegeben und anschließend per Copy&Paste in einen Vokabeltest bzw. in das Vertreibe-die-Spione-Lernspiel eingefügt werden.

Miniquiz-Editor (Miniquiz Beispielsammlung, die Quelltexte können mit eigenen Fragen im gleichen Format wie beim Vokabeltest bestückt werden)

Generator für einfache Labyrinth-Lernspiele (Maze-Games) (Falls ein Webfilter Adressen mit „Game" filtert, hier eine Alternativ-Version mit „Spiel")

Mensch bilde Dich! (einfaches online-Lernspiel für zwei Mitspieler, welches mit selbst erstellten Fragen bestückt werden kann; diese können mit dem Frageneditor erstellt werden. Fertige Übungsbeispiele können hier heruntergeladen werden.)

Wissens-Adventure (Vorlage für ein einfaches online-Lernspiel für Einzelspieler, welches nach dem Herunterladen mit selbst erstellten Fragen bestückt werden kann; diese können mit dem Frageneditor erstellt werden. Fertige Übungsbeispiele können hier heruntergeladen werden.)

Lernkartei (Vorlage für eine einfache Lernkartei, welche nach dem Herunterladen mit selbst erstellten Fragen bestückt werden kann; diese können mit dem Frageneditor erstellt werden. Fertige Übungsbeispiele können hier heruntergeladen werden.)

Lernkärtchen-Ersteller Lernkärtchen mit sichtbarer Beschreibung und verborgener Lösung erzeugen, z.B. für Vokabeln, Synonyme, Fachbegriffe, Definitionen, u.v.m.

mebis-Fragenersteller ( komplette Kurzantwort- oder Single-Choice-Fragensammlungen im GIFT-Format neu erstellen oder weiterbearbeiten, die anschließend für Tests in Moodle/mebis importiert werden können; hier ist nur reiner Text ohne HTML-Formatierung und ohne eingebettete Abbildungen möglich)

Fragenvorlager ( Verschiedene Fragenvorlagen im GIFT-Format als Kopiervorlage für eine Fragensammlungs-Textdatei erstellen; diese kann anschließend für Tests in Moodle/mebis importiert werden.)

mebis-Zahleneingabefrage ( Einzelne Numerische Frage im GIFT-Format erstellen; diese kann anschließend für Tests in Moodle/mebis importiert werden.)

* Multiple Choice Fragen

Quizeditor für Einfachauswahl-Quiz
(GIFT-Exporter für Moodle/mebis-Import der Einfach- und Mehrfachauswahlfragen)

Quizeditor für Mehrfachauswahl-Quiz
(GIFT-Exporter für Moodle/mebis-Import der Einfach- und Mehrfachauswahlfragen)

Wer-wird-Millionär Editor (Eigene Quizfragen wie in der bekannten Gameshow gestalten - ideal für Abfragen, Weihnachtsquiz...)
(GIFT-Exporter ( für Moodle/mebis-Import der Einfach- und Mehrfachauswahlfragen)

Smartphonefragen-Editor (einzelne Mehrfachauswahlfrage als Kurzantwortfrage im GIFT-Format erstellen, bearbeiten und speichern, welche anschließend in Moodle/mebis importiert werden kann)

mebis-Fragen-mit-Bild-Ersteller ( Einzelne Kurzantwort- oder Single-Choice-Frage - hier mit als DataURL eingebetteter Bilddatei sowie möglicher HTML-Formatierung im Fragentext - im GIFT-Format erstellen; diese kann anschließend für Tests in Moodle/mebis importiert werden.)

mebis-MC-Fragen-mit-Bild-Ersteller ( Einzelne Mehrfachauswahl Multiple-Choice-Frage - hier mit als DataURL eingebetteter Bilddatei sowie möglicher HTML-Formatierung im Fragentext - im GIFT-Format erstellen; diese kann anschließend für Tests in Moodle/mebis importiert werden.)

mebis-Fragenersteller ( komplette Kurzantwort- oder Single-Choice-Fragensammlungen im GIFT-Format neu erstellen oder weiterbearbeiten, die anschließend für Tests in Moodle/mebis importiert werden können; hier ist nur reiner Text ohne HTML-Formatierung und ohne eingebettete Abbildungen möglich)

Fragenvorlager ( Verschiedene Fragenvorlagen im GIFT-Format als Kopiervorlage für eine Fragensammlungs-Textdatei erstellen; diese kann anschließend für Tests in Moodle/mebis importiert werden.)

* Kammrätsel und Kreuzworträtsel

* Zuordnungsaufgaben

Begriffsordner-Editor Per Drag&Drop verschiebbare Begriffskärtchen erzeugen, die vom Schüler dann nach verschiedenen Kriterien frei angeordnet werden können. Die Übung kann entweder als HTML-Datei gespeichert oder als Iframe-Quelltext direkt in Moodle/mebis eingefügt werden. Die OpenDocument Graphic Exportdatei kann mit LibreOffice Draw mit Verbindern zu einer Mindmap ausgebaut werden. Das ausführliche online-Tutorial beschreibt den Einsatz für Kurzreferate bzw. Präsentationen

mebis-Zuordnungsfragen-Generator ( Einzelne Drag-and-Drop-Zuordnungsfragen im Moodle-XML-Format erstellen; diese kann anschließend für Tests in Moodle/mebis importiert werden.)

Zuordnungsaufgaben-Generator

Editor für tabellarisch anzuordnende Zuordnungskärtchen

* kleine Spiele oder Arbeitsblattvarianten

Galgenmännchen-Generator (Dieses beliebte Spiel kann hier mit eigenen Begriffen bestückt werden!)

Texträtsel-Generator (Der der zu erratende Suchtext wird schrittweise aufgedeckt)

Schütteltext-Generator (auch für andere Sprachrätselformen; erzeugt online-Übungen oder druckbare Arbeitsblätter)

Wort-Silbenabschneider (erzeugt online-Übungen oder druckbare Arbeitsblätter mit zu ergänzenden Wortanfängen, -enden, -stämmen sowie Einzelwort-Lücken)

Suchfeld-Generator (erzeugt Buchstabenfelder mit selbst einzugebenden Suchbegriffen, die auch als druckbares Arbeitsblatt exportiert werden können)

* Fremdsprachen lernen und lehren

Englisch Vokabeln anhören Selbst eingegebbare kurze englische Texte mit britischem Akzent vorlesen lassen (im Gegensatz zu gängigen Übersetzungs-Onlineplattformen werden hier beim Einsatz der speechSynthesis zwar je nach System ggfs. die Sprachen von externen Servern geholt, jedoch wird der Textinhalt nicht an diese übermittelt)

Sprachlabor Wie in einem einfachen Sprachlabor über ein Mikrofon beliebige Texte in verschiedenen modernen Fremdsprachen direkt einsprechen (mit Google-Chrome)

das-sprechende-Arbeitsblatt Editor (Texte in Englisch, Französisch, Spanisch oder Deutsch mit einem Abspielbutton in eine eigene HTML-Datei mit einem Arbeitsauftag einbetten. Anschließend können markierte Textabschnitte über Google Translate vorgelesen werden.)

Textmanipulierer (Einfach in beliebigen Zeitungstexten Namen oder Konjunktionen austauschen zur Demonstration der Manipulierbarkeit von Informationen im Internet, z.B. für den Deutsch- oder Sozialkundeunterricht)

Griechisch-Editor (Altgriechische Sonderzeichen als Unicode eingeben)

* Gitarre spielen

Gitarren-Akkorde (Gitarren-Akkorde Dur, Moll und Dur7 jeweils in der A-, E-, D-, C- und G-Form als offene Akkorde und als Barré-Griff)

Gitarren-Tonleitern (Gitarren-Tonleitern in verschiedenen Positionen üben für Moll- und Dur-Tonarten sowie Blues und Harmonisch Moll)

Transponierer (Gitarren-Akkorde von einer Dur-Tonart in eine andere transponieren)

Gitarren-Schlagmuster (4/4-Takt Schlagmuster für die Gitarre als Kombination zweier beliebiger Halbtakte zusammensetzen)

Gitarren-Zupfmuster (4/4 und 3/4 & 6/8-Takt Zupfmuster)

...Hilfsmittel für den digital gestützten Unterricht

Vereinfachter Zugriff

ByCS MyHome ( Konfigurierbare Offline-Version der Anwendungsstarter des BayernCloud Schule Dashboards; kann als WebApp auf Mobilgeräten installiert werden)

mebis SCHNELLZUGRIFF ( Einsteigsseite für einen direkten Zugang zu Kursräumen, Lernplattform-Aktivitäten, Tafelbild- und Mediatheksdateien über eine ID, welche z.B. auch auf Arbeitsblättern ergänzend oder alternativ zu einem QR-Code abgedruckt werden oder als Textnachricht versendet werden kann)

mebis ABSTIMMUNG ( Über die Abstimmungs-ID als Zugangscode schnell an einer Abstimmung teilnehmen; kann als WebApp auf Mobilgeräten installiert werden)

mebis-Kurs betreten über die Kurs-ID ( Eingabefeld für z.B. die Schulhomepage, über welches über die Kurs-ID neue mebis-Kurse erstmalig betreten werden können)

mebis/ByCS-Desktophintergrundbild ( Schicke mebis/ByCS Wallpaper in verschiedenen Auflösungen selbst gestalten)

🚑 Erste Hilfe

Kurs reparieren ( Notfalltricks zur Fehlerbehebung, wenn ein Moodle/mebis Kursraum nach dem Einfügen eigener Skripte, Styles oder auch formatierter Textschinhalte nicht mehr bearbeitbar ist)

Fortbildungskonzept für Lehrkräfte zu mebis/Moodle

Kurswahl in der Oberstufe

Erst- und Zweitwahl ( für z.B. Oberstufenkurse oder Referatsthemen u.v.m. mit einer Erst- und Zweitwahl mittels der Moodle Aktivität Feedback umsetzen)

Cloudspeicher-Ersatz

Dataustausch-Cloud zwischen Lehrkraft und einzelnen Schülern ( Mit Hilfe der Moodle Aktivität "Aufgabe" können Lehrkräfte Aufgabenstellungen, Lösungen und Feedbackdateien zuerst offline verwalten und per ZIP-Archiv Upload und Download aktualisieren. Dieses Hilfsprogramm erzeugt die dafür notwendige initiale Verzeichnisstruktur auch ohne bereits vorhandene Schülerabgaben.)

QR-Codes nutzen

Escape-Code Generator (Aus Lösungen eine Prüfsumme erzeugen, die bspw. als Schlüssel in einem Escape-Room oder zum Freischalten gestufter Hilfen eingesetzt werden kann. Sowohl diese Prüfsumme als auch der Lösungstext selbst kann in einen QR-Code verpackt werden.)

QR-Code Generator (eigene QR-Codes erstellen mit der Google Chart API)

QR-Code Generator (eigene QR-Codes erstellen mit QRCode.js)

Moodle Mobile QR-Code ( QR-Code mit der Kurs-ID als Moodle Mobile-Link zum direkten Öffnen mit der App erstellen)

QR-Code ( in beliebige eigene HTML-Seiten oder in die mebis-Lernplattform einbinden)

Lösungen für Arbeitsblätter als QR-Code ( in die mebis-Lernplattform einbinden)

QR-Code Bookmarklet (QR-Codes für beliebige Seiten mit einem speziellen Lesezeichen =Bookmarklet erzeugen)

mebis Kurzlinks Bookmarklet ( als Lehrkraft Kurzlinks und QR-Codes für beliebige Seiten mit einem speziellen Lesezeichen =Bookmarklet erzeugen)

QR-Codes mit Textlösungen mit mebis Kurzlinks ( als Lehrkraft Kurzlinks und QR-Codes für Textinhalte erzeugen, die beim Aufruf in einem Text-Viewer hier auf Quizdidaktik.de angezeigt werden. Im Gegensatz zu manchen Text-QR-Code-Generatoren werden hierbei Sonderzeichen korrekt interpretiert, z.B. H₂SO₄²⁻)

Theme-Anpassungen und Kursgestaltung

mebis-Hintergrundgestalter ( den eigenen Schreibtisch und eigene Kurse mit einem selbstgewählten Hintergrundbild oder einer Hintergrundfarbe mit passender Beschriftungsfarbe auswählen)

mebis-Tweaks ( den eigenen mebis-Schreibtisch oder Kurse mit funktionalen und schönen Designs versehen)

mebis Game-Themes (dem Schüler nach Erreichen eines Levels Schaltflächen für Hintergrund- oder Schriftarteinstellungen bzw. Sound-Effekte als verdiente "Superkräfte" bereitstellen)

Inline-SVGs skripten ( Eigene SVG-Dateien vom Kurs aus steuern, z.B. für die Gestaltung eigener Lernlandkarten oder anderer Gamification-Elemente)

mebis-Theme-Umschalter ( die mebis-Lernplattform oder in anderen Moodle-Instanzen zwischen Standard-Themes hin- und herschalten)
Lernplattform mit dem Boost Theme öffnen (bis zum Sitzungsende)

Performante Moodle Kurse gestalten

Werkzeuge zur vereinfachten Testfragenerstellung

Kleine funktionale Erweiterungen

* Bild-, Video- und Audiodateien für das Web

* die Systemadministration unterstützen

QR-Code WiFi QR-Code erzeugen, für eine möglichst einfache Konfiguration des Schul-WLANs auf mobilen Schülergeräten

Browser mit Profil pro Sitzung Voneinander unabhängige Browser-Sitzungen mit temporären Profilen starten, z.B. für die gleichzeitige Anmeldung auf der gleichen Plattform mit unterschiedlichen Accounts

Linuxinstallation Installationsanleitung und Feintuning von Ubuntu-Mate 20.04 LTS „Focal" mit der traditionellen Mate Desktop-Oberfläche sowie allen für die Schule relevanten Programme

Linux-Serverbenutzer anlegen Aus CSV-Dateien Benutzernamen und Passwörter erzeugen und damit Benutzeraccounts z.B. für einen X2GO- oder Samba-Server per Skript anlegen.

* in die Informatik und Informationstechnische Grundbildung einsteigen

* für Entwickler und Entscheider

...Whiteboard-Werkzeuge

* Whiteboard-Werkzeuge

mebis TAFEL (Whiteboard-Software)

Geogebra NOTES (Whiteboard-Software)

Folie (Interaktive Folien zur Vollbild-Darstellung in einem Webbrowser erstellen, speichern und bearbeiten; es können Bereiche definiert werden, die zunächst ausgeblendet, und erst durch Anklicken des jeweiligen Bereichs in beliebiger Abfolge angezeigt werden. Zusätzlich können in der fertigen Folie während der Präsentation noch nachträglich kleinere Textänderungen direkt im Webbrowser vorgenommen werden. Im Gegensatz zu einer herkömmlichen linearen Präsentation ist dies viel flexibler. Mit TeX geschriebene Formeln werden richtig angezeigt, sofern man während der Präsentation online ist bzw. Zugriff auf MathJaX hat. Bilddateien werden per Drag&Drop direkt in die HTML-Datei eingebettet.)

Webseitenbeschrifter (Webseiten, PDF-Dateien, Bilddateien oder HTML-Dateien können frei markiert oder beschriftet werden; mit einem darübergelegten Canvas-Element)

Bildschirmaufteiler (Alle Quizdidaktik4Whiteboard-Werkzeuge oder bis zu zwei lokal gespeicherte PDF oder ODT-Dateien für eine gleichzeitige Ansicht in ein horizontal oder vertikal geteiltes Browserfenster laden)

Formel-Präsentierer (Mathematische Formeln live am Whiteboard in ASCIIMath eingeben; vorbereitete ASCIIMath-Dateien können geladen, bearbeitet und wieder erneut abgespeichert werden; über den MathML-Export kann man dieses Programm auch als Formeleditor für LibreOffice Writer oder Word nutzen
Anleitung: Formeleditor für Textdokumente)

MyWhiteboard (sehr einfaches, HTML5-basiertes online-Whiteboard)

* Präsentationen entwerfen

Markdown2HTML (Markdown/Wiki-Syntax eingeben und als HTML in die Autorenwerkzeuge hineinkopieren und dort weiterbenutzen)

Markdown-Editor (Markdown/Wiki-Syntax eingeben und als HTML-Datei speichern, ideal für den schnellen Entwurf einzelner Webseiten)

Präsentationsersteller (Präsentationsentwürfe schnell und einfach mit Markdown eingeben und als HTML-Präsentation lokal speichern; empfohlener Webbrowser: Firefox)

Begriffsordner-Editor Per Drag&Drop verschiebbare Begriffskärtchen erzeugen, die vom Schüler dann nach verschiedenen Kriterien frei angeordnet werden können. Die Übung kann entweder als HTML-Datei gespeichert oder als Iframe-Quelltext direkt in Moodle/mebis eingefügt werden. Die OpenDocument Graphic Exportdatei kann mit LibreOffice Draw mit Verbindern zu einer Mindmap ausgebaut werden. Das ausführliche online-Tutorial beschreibt den Einsatz für Kurzreferate bzw. Präsentationen

 ⇒ Werkzeuge für Moodle/mebis

Fragen zu dieser Seite? ⇒ E-Mail an Joachim Jakob

Für die Vorschau muss JavaScript im Browser aktiviert sein! Die Navigationseleiste oben auf dieser Seite kann aber auch ohne JavaScript genutzt werden.

# data[].attributes.attachment_link.description
Sammlung Web basierter Autorenwerkzeuge für den Unterricht

# data[].attributes.body
Scribble Maps ist ein kostenloses Web-Mapping- Toll zur individuellen Beschriftung und Kennzeichnungen von Google-Map-Karten. Fertige Karten sind exportierbar. Dieses Web-Mapping-Tool ist für das Arbeiten mit Karten im Unterricht gut geeignet.

# data[].attributes.attachment_link.description
Easily Create, Analyze, and Share Maps. Share with friends, embed maps on websites, and create images or pdf.

# data[].attributes.body
Mit Buchstaben, Wörtern oder ganzen Sätzen wird in diesem Tool gezeichnet. Die entstehenden Bilder können
a. im Unterricht zur Wortschatzwiederholung genutzt werden
b. zur kreativen Erarbeitung von Wortschatz genutzt werden
c. im Alltag z.B. für Gruß und Glückwunschkarten

# data[].attributes.attachment_link.readable_text
Bringing those beloved cursor effects into the modern age.
These Cursor Effects have been sitting in my GitHub profile for a fair while now, and much like the cursor effects of the '90s were a little old and decrepit, so I decided now's the time to modernize them a whole lot!

These range from the character-based fairy dust.

Right through to the beloved snowflakes, and ghost cursors.

To emoji powered springy ball cursor danglers.

Each of these is built with modern JS in mind, so they're super speedy and very customizable... you can have them sit over the whole screen, or sit within smaller windows.

Super free to use, which is the icing on the cake I guess! If you've seen any other old effects floating across the web, I'd love to bring them into this library, if anything for the preservation of a beautiful time on the internet.

➶ 90's Cursor Effects ➶ 90's Cursor Effects on GitHub

A 10 minute talk about the making of a murderer mosquito.
Making the mosquito was one thing, though after it's creation it didn't feel quite right leaving the project alone.

That's when the amazing !!Con came along. Bang Bang Con is one of my favorite conferences each year, focusing on small bite-sized projects and often showcasing people being super creative within speedy 10-minute talks. And they were interested in my mosquito!

You can watch the talk on youtube!

If you enjoyed that, I definitely recommend watching some of the other talks of the two-day conference, both are available via their recorded livestreams.

What's next for the mosquito? Only time will tell.

➶ The Making of Mosquito.JS on YouTube

Back in 2012, I built The Useless Web, a portal to the weird of the internet. Now, I'm tracking down how those sites came to exist.
When The Useless Web was built, honestly, I was on a broad search for everyone all sorts of weird sites here and there, but didn't put a whole lot of research into them... they exist, people all over the world have been spending time creating all sorts of useless wonders. Now, I'm going back and trying to find out the what, when, where, and why's of these sites.

The hub for them, is here, a subdirectory of the main site. As the sluthing continues, and the emails roll back in, I'm updating it with the backgrounds of these sites.

To kick things off, we have Cat Bounce, Endless Horse & RRRGGGBBB.

I'm also using the service to try to appeal to anyone reading, I'm seeking out any information on sites are very difficult to find information about, The Pigeon for example.

➶ The Useless Sites of the Useless Web

In an attempt to learn a little more about the web audio API, I created a mosquito from nothing!
This bite sized weekend project started out innocent enough, I wanted to mimic the noise of a mosquito using tech on the web.

The initial steps were easy. Listen to some mosquito videos on youtube (yes, they exist!). Create an oscillator to mimic the most annoying mosquito pitch possible. Then, get into the mind of the mosquito, to create the random pitch and volume variations that drive someone insane.

I had originally planned to build this out like an API, so people could add mosquitos to their website. Maybe hook it into the mouse movements, so you could "play" the mosquito so to speak, but the very act of creating it sent me insane.

I documented the journey.

➶ Mosquito.JS

A weekend project that took a a couple of weekends. Weird books & weird covers.
I've had this project in my brain for over a year, and was really waiting for a gap when I had the time and patience to complete it.

Always Judge a Book by its Cover is a collection of all the strangest book titles out there, as well as their amazon links, and a small parody-styled review of the book based on its cover.

The real time suck of this was finding all the books, writing all the reviews, collecting all the links, and then building the site itself.

There are some nice little touches that were fun to build on this project. The drippig effect was done with canvas (could probably be nicer with css houdini in the future.)

The 3d book effects were done with css transforms, and are hooked up to lazy load with the js intersection observer.

➶ Always Judge a Book by its Cover

I've remade inspiring online, with a focus on a slightly longer format.
I'd first made inspiring online in late 2016, and had kept it fairly busy into 2018, and then dropped off completely.

I've decided to do a revival, with a little longer format of the posts. Partially because I've been putting a little more effort into writing, and trying to improve on it, and partially because I feel that I have the knowledge to give some fun insights into some of these things.

The refresh also has come with a fresh redesign, to accommodate the longer format of writing.

I've rebuilt the code from scratch, moving it from jekyll to hugo, which is a lot faster. And hosted it on Netlify, for quick and easy deployment.

Edit: After this initial rebrand, I've done a larger, weirder one. Inspiring Online is now The Indie Web.

A podcast about generative art, to go with the interactive tutorials!
Last year, Ruth reached out to me and proposed the idea of a generative art podcast!

We mulled over the idea for a few months, and then put together a format that we thought would be fun for us to create, as well as educational and inspiring for others.

We've got some great guests coming on.

As well as some short chats, where we kind of completely got off-topic and found the chat interesting enough to publish.

We've combined the podcast into the generative artistry site, so you can get all your tutorials and blog posts in the same place.

The podcast is available in all the cool places too!

➶ The Generative Art Podcast
➶ On Spotify
➶ On Apple Podcasts
➶ On Google Podcasts

A little music player, with a binary twist.
A while ago, I stumbled onto this beautiful video. A music player that counted up with binary, playing notes on each particular 1, and being silent on each particular 0. In the video (which I do think everyone should listen to!) the creator has also added some background sounds, and is also using real piano notes, so it is definitely a lot more beautiful.

That said, it was still something that I wanted to replicate on the web, using Tone.JS.

I also went ahead and added the ability to customize the notes, and share the individual creations with others via url parameters.

There wasn't really any need to use a framework (other than Tone.JS of course), so its all relatively vanilla JavaScript, so if you take a peek at the code, it shouldn't be too insane.

Perhaps the most important quiz thats ever existed. Hear the 'wow' and name the movie.
With all these serious projects rolling through, it was time to get back on the joke train. This beauty was an idea I'd had with some friends back in Australia... it was one of those things you just can't ignore. A friend of mine Tobias jumped in, and we made a quick weekend of it.

The idea is fairly simple, you hear Owen say "Wow", and then you need to guess which movie it was from.

We got pretty good at it by the end, even scoring a perfect 10/10.

Although that said, having built it gives you a bit of an advantage. Check it out on the link below.

➶ Play Wowen Wilson

I've open sourced the magic behind the generative artistry website, aptly named tutorial markdown
Tutorial Markdown is a javascript library that reads onto a small extension of markdown syntax, allowing for self coding tutorials like these

Interactive blogging is something that had been on my mind for a long time, so it was great to finally get this out. It involved really picking apart the way that we write code, and finding a way we can explain it in terms that aren't overwhelming at all.

I've added a lot of documentation in there as well, but of course am happy to help anyone getting started!

➶ Tutorial Markdown on GitHub

Wahoo, I was on toolsday again, this time talking about generative art, and tutorial markdown.
Toolsday continues to be a fantastic podcast, transversing a wide variety of tools and products. It was a pleasure to be on there again!

➶ Listen here

Generative Artistry is a small venture I'm making into blogging actual code! Including something I've been thinking a lot about, self coding tutorials.
I'm super excited about Generative Artistry, its going to be a great avenue for me to explore technical blogging, as well as an experimentation into how people learn to code. There's been a ton of encouraging feedback, that is leading to my next release, which will be called Tutorial Markdown, a markdown style for interactive blogging.

The site itself is a simple blog, built on hugo, a static site build built with GO... its primary focus is speed.

The site provides a list of tutorials, simple as that.

The tutorials are where the magic really happens, as you scroll through the posts, the code is compiled together in a small editor (to the top left), and then executes in an iframe at the bottom left.

This means that as you're reading the post, you can scroll back and forth between code examples and see the difference and steps. This helps build a much stronger understanding about the code thats heading into the editor, and can hopefully help to foster a better learning process.

Edit: Tutorial markdown is now open sourced, for those looking to build something similar

The Zen Zone is an exploration into what it takes to slow myself down, switch off, meditate.
The idea behind the Zen Zone has been sitting in my head for a year or so now... the thought that I sometimes get stuck focusing on a simple boring task, but when I'm supposed to be focusing on something, like work for example, I find myself wandering aimlessly.

After using Vue recently for the What Have You Made Today extension, I decided to rock back to React for this one. Honestly I feel that both of them are very similar when it comes down to designing and ideating while you create... so no harm dancing around a little bit.

I set out to build a few simple "games" that would keep me captivated, and went in search of inspiration outside of the regular web circles.

The Switches game is inspired by... well, every day switching on the lights. As well as that little satisfaction you can get when animating things nicely in code.

The Swirl game has been inspired by the Japanese zen gardens, of which monks would focus on to help clear the mind.

The Break game was inspired by the general nature and make-up of all things. Everything can be broken down into smaller and smaller pieces.

The games are stitched together in a way that makes me feel like I can expand upon these games easily, add more to the platform, and grow it out when I feel.

Having launched the project, there is a lot to be done straight off the cuff design and development wise. So lots do do still!

Canvas JavaScript polyfill for the vital and pivotal S we all drew in school.
The web canvas is a powerful tool, the API is fairly straight forward, and provides us with the tools to draw almost anything. Circles, squares and lines are the building blocks we have used since the dawn of time...

That said, there is also one other basic shape... that we all learn in school... passed down through generations... as old as time... no one really knows its origin.

Absolutely a must have for any canvas project.

➶ S.JS on GitHub

Got a little sick of my old "new tab" page, so I built something small to replace it.
The idea of this little project was to build something that replaced the default "Chrome" new tabs page, which, although good, would be a little frustrating at times... it would load a whole google search bar, when really I was using the browsers URL bar to search anyway. It was also sending off requests this way and the next, which weren't really neccesary.

All I really wanted was a simple speed dial, and some motivational text. So thats what I did!

One pleasant surprise, was that the FireFox addon's use exactly the same api's as Chrome, and that there is a whole documentation amongst browsers, about how to implement said extensions. Yay for standards!

I had the pleasure of speaking with Una Kravets & Chris Dhanaraj about Headless Chrome
Toolsday has been a favorite podcast of mine since its conception, so it was great to be a part of it, speaking about Headless Chrome.

➶ Podcast and shownotes

A couple of months ago, I did a little commission work for Electric Object, in the form of Abstract Clocks. While working on the clocks, I ended up creating a bunch of different proof of concepts and directions. This was one of them.
The initial idea for " Tetris pieces " was to create a bunch of small video game demo's that would use AI to play on your wall, I had looked at snake, a brick breaker game and a maze solver. Ultimately, I found myself drawn to the different renderings of Tetris games. It was so mezmerizing watching tetris play out automatically on the Electric Object, I had to stick with it.

To begin the project, I began researching tetri's AI's, and immediately found one that was absolutely perfect built by a very talented developer, Yiyuan Lee.

You can read about how the AI works in the post linked above. Here's a snippet about how the AI decides where to put each piece. Its definitely worth the read!

To meet this goal, our AI will decide the best move for a given Tetris piece by trying out all the possible moves (rotation and position). It computes a score for each possible move (together with the lookahead piece), and selects the one with the best score as its next move.

The score for each move is computed by assessing the grid the move would result in. This assessment is based on four heuristics: aggregate height, complete lines, holes, and bumpiness, each of which the AI will try to either minimize or maximize.

From this point, I forked the code and set my mind to hacking how the pieces were drawn, so I could have multiple different looks and feels.

These are, from left to right.

1: Ambient Blocks, in this version the tiles take up solid block colors. As the game goes on, the hue of these colors rotates very slowly, meaning whenever you look at the wall you should see slightly different colors. This playful touch made it my personal favorite.

2: Classic Tetris, in this specific rendering I've copied the colors and patterns from the original GameBoy game, including that ever present green tinge.

3: Colored Classic, using the colors of the tetris game that appeared on Super Nintendo, the colored tiles perhaps look the nicest on the screen, and definitely bring back some nostalgic feelings!

All in all, the project was definitely a good experience. When you have to plow into someone elses code, with no background its funny what you can learn. Finding and editing the code that renders the tetris pieces to the canvas was a little tricky, but ultimately very rewarding.

Sadly, this received a takedown notice from monotype and their lawyers... so this is all that remains of the project
[Smelvetica] was an experimentation in taking one of the worlds most beloved fonts, and turning it into a morbid monstrocity.

This project began by pulling the original "Helvetica" font from my system files, and making a copy of it. From there I opened it in FontForge, which is a brilliant open source font editor.

From here, the task was fairly simple. I opened up each "version" of Helvetica (these being bold, oblique, light etc), randomly went through the capital and non capital letters and moved them around within their guide grids. This had the desired effect of ruining their beautifully crafted kerning, as such, creating "Smelvetica".

With the fonts completed, the remaining work was to wrap it all up with a nice web page, and some installation instructions.

The installation ended up being the most devious part of the prank in the end, since it would install on the system it makes it really difficult for anyone to understand why everything looks just that little bit wrong.

Edit: Sadly this was subject to a takedown notice, you can see the brief conversation in the github repository.

➶ Smelvetica source was here

"Remember everybody, the crisper is for green vegetables only, anything else found in it will be thrown out at the end of the day." ~ Passive aggressive post-it note.
One of the funnier things I found from office life was the small messages that would blast out to the whole company "There's a fire drill tomorrow.", "The coffee machine on the first floor is broken" etc. Now that I'm working remotely, in a weird way, I miss them. As such, the passive agressive office simulator Slackbot was born.

The core of this slackbot is the npm module, slackbots, which honestly made the whole process a breeze. The bot itself is broken into a few key pieces.

The first piece, is the scheduler, which will take specific actions (namely sending a passive aggressive message), and give it a time to be shared with everyone. These are generally within work hours.

The second piece is a "ticker", which keeps the script checking the time, and seeing if there is anything that needs to be ran.

The final piece, is of course, the messages themselves. They were all hand written by me, and also include wildcard variants... so something like the day of the week, or a piece of stationary (please put the stapler back where you found it!) could be switched out, to add a small extra dimension of randomness.

Another little piece, which I felt gave it that little bit of extra "officey" cringe, was follow up messages. If your office is out of ink, you'll be sure to get another message when it gets back in!

... 5 days later

Building a slackbot was a fun way to spend a day or two, honestly, the amount of articles and support docs out there makes it one of those technical, yet quickly rewarding projects!

➶ Office Simulator source and installation instructions

Animations for the strong of heart, but weak of mind.
As you'll know, if you've been following my projects for a while, or seen any of my talks, one of my favorite things to do is find something thats good, in this case, the increasingly awesome set of CSS api's for animations, and see what terrible things can be made from them.

Obnoxious.css is an exploration into what kind of freakishly frustrating things you can do with CSS animations on the web, the project itself is modeled after Dan Edens Animate.css.

The key to bad animations is fairly simple really, make them move to much, make them run to long, make them flash and jitter! All of these terrible components have been compiled into the Obnoxious.css library!

The crowining glory of these animations, is "fontalicious", which contains a devestatingly frustating series of font changes.

I always find that when you explore the way things SHOULDN'T be used, you get a little bit of appreciation for how good we ultimately have it.

The talented Jag Talon and I talk life, frontend and just generally hang out!
Friends Talk Frontend is an delightful podcast of developers discussing how they got to where they are now, and what their day-to-day life. In general, its always a good time!

➶ Have a listen!

I recently talked to Electric Object about building something on their platform for their artists program, this is what I came up with.
When I was looking into what I could do on the Electric Object, the biggest thing that stood out to me was that not many people were taking advantage of the fact that it can run a browser, and as such, can display something made programmatically on the fly, or change with time. Instantly I wanted to do something with time.

Over the years, I've amassed a large collection of clocks and timers on CodePen, which served as a big inspirational source. The general idea here, is that the clocks would be abstract and difficult to read, but after spending a week with them it would be as easy to read as a regular clock, in a sense, the same way people are able to read time from the sun.

The theme for the clocks came as a combination of the original circular clock face, but instead using gradients as clock hands. From here, a lot of experimentation and explorations occured, resulting in the 5 "types" of clock.

You can read about how to understand each clock, on this little web page ... some of them are a little trickier to get a handle on than the others, but ultimately learnable.

EDIT: Sadly, Bumpers.fm shut down, and I ended the project with that. Was fun though!
Things you probably didn't know about, in 5 minutes or less!
I recently "bumped" into [bumpers.fm], a cool little app for recording small audio casts. I figured why not, and so " OK, Get This " was born.

The goal of this "podcast" is to highlight weird and wonderful events, happenings and coincidences in the world, and then talk about them for 5 minutes or less.

For example, The Emu Wars in Australia, or the history of tug-o-war fatalities, yikes!

The individual episodes are also embeddable, which is cool, and make for nice little sharable snippets.

EDIT: Have moved this project over to Anchor now that bumpers has sadly died.

➶ OK, Get This on Anchor

This is earth radio, and now here's human music.
In season x, episode y of Rick and Morty, there's a particular scene where Jerry is listening to the radio in the car, within a simulation of earth running at 5%, as he listens to the music it plays close to the most simplistic audio you could imagine.

I fired up ole Garage Band and had a go at re-creating it, and a few more inspired versions.

All up, I made 7 or so "human music" pieces, and wacked them together into an album for my soundcloud debut!

And of course, any project wouldn't be complete without a little sharable web page.

While playing around with ASCII art, I explored animating one image to another.
AsciiMorph is a small JS library designed to transition between two ascii images for an old website of mine.

The library counts the spaces around the "image" and then systematically collapses it from the outside inwards.

Rather than just hiding the bordered ascii characters, they are replaced by a series of slashes and stars, which gives a general collapsing effect.

Sometimes you find a few hours free in your life, and try to fit a little project into that.
Console dot frog is perhaps my most important creation to date. No longer shall I debug with the simple monotony of regular logs... for now, there are frogs.

So, here is a simple explaination. I think its supreme utility speaks for itself.

// Here is you, logging some logs console . log ( " Boring. " );

// And here is your output. Boring.

And here is how console.frog can improve your life.

// Here is happy you, logging some logs console . frog ( " Amazing! " );

// And here is your output. _,-. ------------ ,-. ,--' o ) -( Amazing! ) \(,' ' ,,-' ------------ ,-.\-.__,\\_ \(`--' `\

Truly life changing.

A project aimed at creating a simple inspirational open source blog, that could be a launching point for people beginning to look at git/github and contributing to open source!
This blog was a fun little one to create, the aim of giving myself a simple area that I can share inspiring and creative work as well as a simple repository that I could use to help people kick off contributing to open source, either in person or online.

The design was a fairly simple isotope layout (thanks Dave!), and dark color scheme... really, the content speaks for itself.

This is the kind of project that grows slowly, but always has a place in my day-to-day life... fixing bugs/helping new contributors/adding new sites.

On the extra nerdy side, I have a script that I use to add posts from the command line. This creates the new post file, setting the date, and linking the image files needed to add a new post. Its not really needed, but means that I can create a new post without opening the text editor, or manually moving images around.

Edit: Inspiring Online is now The Indie Web

My personal take on the "fork me on GitHub" banners.
For a long time, I have used "fork me on GitHub" banners on my sites and projects, for the most part because these were regular go-to of most developers. I decided that I'd like to create something a little more modern and playful, and as such, this project was born.

Technically speaking this update isn't really too much of a reach, but is one of those projects where you can do a little to get a lot.

I moved GitHubs infamous Octocat into the corner, as an SVG, and then seperated its arm in sketch, so I could add some CSS animations to it.

The animation is added with CSS, which means people can use it if they like, but its not going to be mandatory. The animation is added by default on hover, which will allow it to wave.

@keyframes octocat-wave { 0 % { transform : rotate ( 0deg ); } 20 % { transform : rotate ( -25deg ); } 40 % { transform : rotate ( 10deg ); } 60 % { transform : rotate ( -25deg ); } 80 % { transform : rotate ( 10deg ); } 100 % { transform : rotate ( 0deg ); } }

There are a lot of other advantages to using SVG, over the "original" github ribbons, one of the biggest is that the colors are totally malliable, you can change a single CSS property and have it change, rather than having to pull out and change a whole image (with text).

From here, I built a little site to offer the code, which was made to deliberately show off some of the colors and options available.

EDIT: There's some great discussion about how to use CSS blend modes, to blend the github corners seamlessly with any background, including those that are not a flat color. Given the future, when blend modes are deeply rooted in the web, or for people not too worried about much older browsers, this is already an awesome option!

EDIT 2: Some awesome people have made tools to build your own custom corner. Ultimately I've left this GitHub issue open, just incase I decide to build an "official" version.

EDIT 3: Honestly seeing these all over the web. Always makes me proud.

The Versioning Show discusses the industry of the web from development to design, with some of the people making it happen today, and planning where it's headed in the next version.
The opening question of the versioning show ask which version of "myself" am I currently, which is an awesomely unique way of kicking off a podcast.

Its always great when a podcast just flows nice and easy, all credit to Tim and David there for being awesome hosts.

EDIT: Looks like the audio's dropped off from this now... can still read the script though, if you're a hyper fan!

➶ Have a look

Elevator music for when you press those "back to top" buttons.
Elevator.js strung out from a small hack-day experiment, while I was working at tumblr.

The library is fairly simple, but again was a fun learning experience. When you hit the "back to top" button, it plays music, as though it were an elevator scrolling to the top.

Technology wise, its all vanilla JavaScript, and a single MP4 audio file. The trickiest part of this was getting the scroll to act smoothly, for this we needed to incorporate some easing algorithms.

Naturally, I built a small web page to show it off as well... although you should probably visit the site to actually see it in action.

The library was built to be able to take in any music file, so its pretty malliable. In the time the library has been out, I've spotted it on a lot of websites, including one for Google IO.

EDIT: Woah, this got super popular. Now is my most popular open source project.

Every now and then you find some interesting browser quirks that catch your eye, they're always worth exploring!
In this instance, I found that if you are tracking the scroll position with an event listener, when you try to scroll down, beyond the end of the page, or up, beyond the top of the page, you still get values coming back. Which means the browser is telling you, the scroll position is in those "overscroll" areas.

Once I found this out, it was a matter of wiring up some functionality to them. I went with a small easter egg.

And on the top.

EDIT: Looks like of chrome 51, this doesn't work... leaving us only with safari.

EDIT 2: Chrome 58 has brought this back, woo!

EDIT 3: Chrome 60+ this was taken away again. RIP.

In light of how amazing web development tools have become, last week I got to thinking, what could I do to make development much much harder.
BlueScreenOfDeath.js is a small script you can add to your webpage, that will catch any error that its thrown, and more or less, make it impossible for you to debug what was wrong.

When the error is caught, the script strips the page of any elements it may have had (so we're down to just an empty body tag). It will replace it with the classic Blue Screen of Death style.

It will also spam the crap out of your web console, effectively making it impossible to see what the error was in the first place.

And then, naturally, I couldn't help myself but create a "bleu" version.

EDIT: I also ended up using this for my 404 page.

A Zen text editor, for maximum writing peace.
ZenPen is a simple text editor, that I built based off the medium editor back in 2013.

As it turns out, building things with the rich text editing api can be a super frustrating experience, but on the flipped side, building something on top of it is super rewarding.

ZenPen remains one of my most popular open source projects, it combines a lot of cool web APIs to bring the product together. It was also a explore designing something with a minimal interface.

Intense Images is a full screen modal built for high definition images.
The Intense Images library came out as part of the Aquatilis project. It allows you to click on images, and experience them within the full browser window, with little to no overhead.

You can see it active in the image above, but I really recommend checking out the live demo, to get the full experience.

New fonts and colors with every new tab!
Palettab (palette ~ Tab) is a chrome extension built with my wonderful friend Claudio Guglieri. The thought here, is that every time you open a new tab, you will be greeted with a beautiful color palette, and a selection of fonts you haven't seen yet.

The fonts are all available via Google Fonts, and the colors come from Colour Lovers. There are thousands of combinations, so its rare that you would recognize two of the same, even after using it for months.

Of course, we built a small webpage for sharability as well!

To date, the extension has around 30 thousand active users, which feels great.

A website that gives people the finger. No tricks here.
A little quick collab with my friend Guy Trefler.

Actually I lied, there are some cool tricks here! I always say you can learn something even from the most simple projects, and "The Finger" is no exception.

I needed to look into translating between one color and another. I read into this, and made sure I understood all the math. In the end, used an answer from Stack Overflow (because why re-invent the wheel), but at the same time, its always important to understand what you're putting into your site, especially if you're copy pasting.

EDIT: I also recieved an awesome pull request, allowing you to tilt your phone, to effect the ammount of finger the page is giving. Check it out on your phone.

A small library for console based easter eggs.
When I'm building websites, I like to put in easter eggs here and there. For the most part, I get personal enjoyment out of it, although I guess its a weird way of procrastination.

DOM animator animates a small ASCII image within the code of the page, which will be visible when someone is inspecting the source. Great for getting the attention of developers, or for overall fun.

Aquatilis was the kind of project that comes along once in a blue moon. Beautiful photography, russian dive team, oceanic adventure... how could anyone turn it down!
The Aquatilis expedition website was a project undertaken by a friend of mine, Tobias, and myself. Entailing the goals and ambitions of an experienced dive team... in their own words.

Our custom-built expedition yacht Aquatilis, will carry us through the world's oceans for three years. The places we sail to will take our breath away with their beauty, or with their danger. The use of the most cutting-edge technology will give us the opportunity to scrutinize gelata in their natural glory. Our experiences will be broadcast all over the world, encouraging everyone to embark on their own journey of discovery.

The goal of the website was to be visually captivating, yet still get across the message and goals of the expedition.

The photography was so vivid, that it really pushed along the art direction in an incredible way.

There are several pieces of this website, that I found particularly enjoyable to build, and that find a nice way of having a powerful impact, while being subtle and clean.

When building this, the pieces that I felt could be abstracted, and shared with the world, I did! These include intense images, a library to show a clean full screen modal.

Also, if you look very closely on the website, you can see small things swimming around, as though they were in the ocean. You can check that out, on CodePen.

You can look at some of the original designs, and mood boards here.

➶ Aquatilis

Talking shop with Dave Rupert and Chris Coyier.
Shoptalk Show is one of those super well established podcasts, with a great history of speakers. Was fantastic to be a part of it.

Its sometimes really nice to sit back and reflect on the journey that you've taken to get to where you are today.

Edit: Also, who would have known, a year or so later, and Chris is my boss at CodePen.

➶ Listen to the full podcast

Take me to a useless website!
While I was stuck indoors during hurricane Sandy, in 2015, I went down a strange rabbit hole of weird websites. Some of them didn't seem like they should exist at all, and some (like eelslap) were incredibly perplexing.

I gathered as many of these sites as I could, and put them all into a small website, which I called The Useless Web.

It was through this simplicity that the website gained popularity, hundreds of thousand visitors a month!

➶ The Useless Web

A website to collect and display all the wonderful filler text generators in the world.
Meet The Ipsums was built over a week or so, with the designs and direction coming from good friend, and awesome designer Claudio Guglieri.

I've always been a collector, this website showcases filler text. It turns out there's alot of them... Cat ipsum, coffee ipsum, Ryan Gosling ipsum... the list goes on!

Its always a fun time building things with friends, but then also opening up the website for submissions via GitHub.

Punch people in the face with your hover effects.
Giflinks is a jokey exploration into just how intense we can get hover interactions going.

Caused a bit of a stir when it came out, but for the most part, people realized it was a joke. Check if out for yourself if you are a fun happy person.

Imagine your in-laws are helping you with a password... this is what they'd say.
I always irk a little inside, when a machine tells me something that I've done is wrong. The most common form of that, is probably passwords. "Your password is too weak", "Your password needs to contain a number and a special character".

While I absolutely understand why they need to be this way (they're looking out for us!) ... that said, its the jarring interaction that I wanted to focus on. What if they said meaner and meaner things. Thats what this website is all about.

This was done in collab with a new friend of mine, Tobias, who worked with me on the designs and interactions.

➶ Passive Aggressive Password Machine

Draw with text!
Texter is a small experiment, where I moved a Flash project from a book, over to JavaScript... it really helped me focus on the language, rather than what I was making. Comparing how Flash rendered items, to how the JS canvas does it.

You can see a small pic above, but I really recommend checking out the live demo. There's a link to the source below too... some cool stuff in there about the speed of mouse movement, and angles of direction.

A small experiment into hiding tweet and facebook buttons, until they're truly needed.
I've never been too crazy about social media, but there's no denying that having a Facebook or Twitter button on your site can be a nice little boost.

These buttons are the result of a small experimentation, checking to see if I could hide them discreetly, but still have them active and available on the page if someone wanted them.

The idea generally was to show a small icon, and then reveal the actual twitter button.

There are so many different ways this could be taken.

A small experiment in combining flocking algorithms with line art.
In this experiment, I combined some flocking algorithms I found online, with some open source "brushes", borrowed from this cool drawing project

The brushes work by saving single coordinates on the canvas, and then cross checking themselves with every other stored coordinate... they then apply different behaviours based on their proximity to the others.

Clicking on the screen with change the "brush", as well as some of the properties of the flocking logic... this means the possible outcomes are pretty much endless.

I really love these clean canvas experiments. Somehow finishing them up feels like I've made something "complete".

➶ Generative Boids

Experimenting with Image data in the canvas. There's always fun to be had!
This is one of my earliest experiments (of course writing this from the future), that said there were a lot of great things to learn.

The canvas is (was) fresh to the web, and there was (still is!) a lot of experimenting to do. In these experiments I am loading image data in and checking it in the format of a grid (which color is this pixel, 10 pixels from the top and left, 20 pixels from the top and left, 30 pixels etc)

From that data, I decide certain things, "how dark is this", or "what color is this" and then made different renderings from that information.

The custom controls here are using DAT.GUI, which is a great utility to use when building projects that have lots of workable variables.

I've added both of these projects to CodePen, where you can play with, and edit the source.

➶ Concentrics & Concentrics source on Github
➶ Rasterizer & Rasterizer source on Github

Hi there! Thanks for checking everything out, if you have any questions (at all), please shoot me at ~ timothy [dot] w [dot] holman [at] gmail [dot] com

# data[].attributes.attachment_link.description
Welcome to the wide weird world of Tim Holman, this is the stuff he's made, and a little about how it was done.

# data[].attributes.body
Mit diesem Tool können Sie einen edlosen Vorrat an Übungsblättern zum Thema Uhrzeit generieren. SEN Teacher gehört zu den ältesten Lehrressourcen-Sites und hat über 300.000 regelmäßige Benutzer. Unsere Lernmaterialien können kostenlos geteilt und in Schulen oder zu Hause verwendet werden.

# data[].attributes.attachment_link.description
SEN Teacher is amongst the oldest teaching resource sites and has over 300,000 regular users. Our learning materials are free to share and use in schools or at home. The Print tools on SEN Teacher allow you to create, adapt and share teaching resources for a wide-range of abilities.

# data[].attributes.body
Du brauchst einfach kurz eine Fake Mail Adresse um Dich irgendwo anzumelden? Schnell, einfach und sicher?

# data[].attributes.attachment_link.readable_text
Einfach

Wähle einfach eine beliebige Adresse und benutze sie, fertig. Du kannst jede beliebige Adresse ohne Anmeldung benutzen. Allerdings kann auch jeder andere, der die Adresse irgendwo findet, Deine Emails lesen.

Sicher

Anstelle einer Adresse gibst Du oben eine geheime Zeichenkette Deiner Wahl ein und erhältst auf der nächsten Seite eine sichere Adresse zu dieser ID. Wenn Du beispielsweise streng.g3h31m eingibst siehst Du über den Emails an an[email protected] die sichere Adresse:

Die Adresse [email protected] darf nun jeder wissen. Wer versucht, mit der ID 3zi_1e9b6v8zv49b auf Deine Mails zuzugreifen erhält nur die Botschaft:

Du versuchst direkt auf eine gesicherte Adresse zuzugreifen. Benutze stattdessen die passende ID!

Deine ID funktioniert wie ein Passwort. Wenn Du sie vergisst kannst Du nicht mehr auf Deine Emails zugreifen!

# data[].attributes.attachment_link.title
byom.de Wegwerf Emails: Trashmail mal anders!

# data[].attributes.attachment_link.description
Trashmail Adressen gegen Spam: Schnell, sicher, kostenlos. Die flexible Wegwerf Mail ohne Anmeldung!

# data[].attributes.attachment_link.readable_text
Sie suchen nach kostenlosen Podcast zum deutsch lernen? Dann nutzen Sie den Podcastbereich von Hit-Tuner.net - Wählen Sie aus einer Fülle von Podcast zum deutsch lernen über unsere Navigation am Seitenanfang! Podcast Sendungen sind eine ideale Möglichkeit um die deutsche Sprache zu erlernen ...

Auf Hit-Tuner.net bieten wir Ihnen kostenlose Podcast Dateien zum deutsch lernen an: Mithilfe dieser regelmäßig erscheinender Audiodateien, können Sie nun auch von unterwegs ideal deutsch lernen. Über unseren Webplayer können Sie jede neue Sendung direkt Online hören oder als MP3 Datei speichern bzw. kostenlos runterladen. Dadurch verpassen Sie keine Sendung mehr zum deutsch lernen!

Mithilfe von Podcast deutsch lernen

Podcasts sind eine hervorragende Möglichkeit eine Fremdsprache nebenbei und ohne großen Zeitaufwand zu lernen. Podcast lassen sich einfach zwischendurch anhören, ohne extra Zeit dafür zu nehmen. Ob auf dem Weg zur Schule, Uni oder zur Arbeit, im Gegensatz zu Video-Podcast (Vodcast) lassen sich Audio Podcast fast überall hören. Podcasts sind großartig, weil sie darüber hinaus auch auf dem Fahrrad, in der U-Bahn, im Auto, beim Joggen, Putzen oder zum Einschlafen gehört werden können. Es scheint nicht verwunderlich, dass der Anteil der Podcast-Nutzer bei den 14- bis 29-Jährigen hierzulande bereits doppelt so hoch liegt wie in der Gesamtbevölkerung.

Podcast zum deutsch lernen sind sehr beliebt

Neben Diskussionsrunden, Nachrichtenbeiträge, Reportagen oder Wissenssendungen erfreuen sich aber auch Sprachkurse zunehmender Beliebtheit. Podcasts zum deutsch lernen gibt es für blutige Anfänger und für Profis. In einigen Podcast Sendungen sprechen Muttersprachler langsam und verständlich vor, damit der Zuhörer sein Hörverständnis verbessern kann. Desweiteren gibt es auch diverse Sprachkurse für unterwegs. Am besten nutzen Sie unseren Online Webplayer und hören direkt in die Podcast zum deutsch lernen rein. Auf diese Weise können Sie Ihre Englischkenntnisse systematisch verbessern. Profitieren Sie von den zahlreichen Vorteilen der Podcasts und machen Sie diese zu Ihrem ständigen Begleiter!

Kennen Sie auch schon die anderen Podcast Formate?

Neben den wichtigsten Radiosendungen, Reporaten und den Nachrichten finden Sie auf Hit-Tuner.net auch viele weitere Podcast Dateien zu ausgewählten Themen, die wie eine Art Ratgeber funktionieren. Egal ob Fitness, Gesundheit oder Erfolgsthemen, hier ist bestimmt für jeden etwas dabei! Alle Dateien können Sie als Mp3-Datei abspeichern und dann z.B. auf einen tragbaren Mp3-Player oder Ihr Smartphone übertragen. Da alle Podcasat in deutscher Sprache sind, lassen sich diese Files natürlich auch zum deutsch lernen nutzen ...

# data[].attributes.attachment_link.description
Mit hit-Tuner.net empfangen Sie kostenlose Podcast Sendungen im Mp3 Format ...

# data[].attributes.headline
Deutsch - to - go Über 590 kurze Hörtexte sind schon online – und jede Woche kommen neue hinzu.Die Texte gibt es in drei Schwierigkeitsstufen: einfach – mittel – schwer. 

# data[].attributes.subject
Deutsch - to - go Über 590 kurze Hörtexte sind schon online – und jede Woche kommen neue hinzu.Die Texte gibt es in drei Schwierigkeitsstufen: einfach – mittel – schwer. 

# data[].attributes.attachment_link.title
deutsch-to-go.de - Kurze Hörtexte für zwischendurch ...

# data[].attributes.attachment_link.description
Kostenlose Hörtexte für Deutschlerner. Jede Woche neue Hörtexte. Die Hörtexte gibt es in drei Schwierigkeitsstufen: einfach - mittel - schwer.

# data[].attributes.headline
Lunes App Ein bild- und tongestützter Vokabeltrainer für Menschen mit Deutsch als Zweitsprache in Schule und Beruf

# data[].attributes.subject
Lunes App Ein bild- und tongestützter Vokabeltrainer für Menschen mit Deutsch als Zweitsprache in Schule und Beruf

# data[].attributes.attachment_link.description
Mit der Lunes App macht Vokabeln für den Job lernen Spaß. Kostenlos und perfekt für Auszubildende. Jetzt mehr erfahren.

# data[].attributes.attachment_link.description
Mit der Lunes App macht Vokabeln für den Job lernen Spaß. Kostenlos und perfekt für Auszubildende. Jetzt mehr erfahren.

# data[].attributes.body
Einfache sTool um sich virtuell zu treffen

# data[].attributes.attachment_link.readable_text
Gather gives distributed teams a digital space that brings everyone together.

The in-person moments you've been missing

Everything remote teams need to get work done

Premium support
(Premium Office plans only)

Why remote employees love Gather

Build a culture your remote team loves

# data[].attributes.attachment_link.description
Work remotely side-by-side in digital Spaces that make virtual interactions more human.

# data[].attributes.body
Grammatik

# data[].attributes.attachment_link.keywords[]
"deutsche grammatik" "deutsch lernen" grammatik deutsch german aleman

# data[].attributes.attachment_link.title
EasyDeutsch - Deutsche Grammatik verstehen

# data[].attributes.attachment_link.description
Das ist der offizielle Kanal von EasyDeutsch - Deutsche Grammatik einfach erklärt. (www.easy-deutsch.de) // That´s the official channel of EasyDeutsch - Learn German Online (www.easy-deutsch.de/en/) Auf meinem Kanal erkläre ich die deutsche Grammatik auf eine einfach und leicht verständliche Art und Weise - aus Schülersicht!

# data[].attributes.body
Arbeitsblätter erstellen

# data[].attributes.attachment_link.title
easel.ly | create and share visual ideas using infographics

# data[].attributes.attachment_link.description
Easel.ly is a simple web tool that empowers anyone to create and share powerful visuals (infographics, posters)... no design experience needed! We provide the canvas, you provide the creativity.

# data[].attributes.attachment_caption
arbeitsplatzbezogene Materialien | Deutsch am Arbeitsplatz

# data[].attributes.body
IQ Fachstelle Berufsbezogenes Deutsch

# data[].attributes.attachment_link.readable_text
Dohmann, Olga; Niederhaus, Constanze
passage gGmbH, Fachstelle Berufsbezogenes Deutsch, 2018, 143 Seiten

Lesen und Schreiben von Fachtexten sind große Herausforderungen auf dem Weg in den Erzieherberuf - nicht nur, aber besonders für Lernende mit Deutsch als Zweitsprache. Wie können Sie als Fachlehrkraft Ihre Lernenden dazu befähigen? Besonders das Schreiben ist eine komplexe Aufgabe, die oftmals angstbesetzt ist. Mit den richtigen Techniken und Strategien, welche auch auf andere Berufsfelder übertragbar sind, können Sie Ihre Lernenden jedoch unterstützen. Wie man zum Beispiel die Cluster-Technik für Schreibpläne nutzt, mit Gedankenlandkarten einen Text kreativ gliedert und ihn später mit der Vier-Schritt-Technik überarbeitet, finden Sie neben zahlreichen Ideen, Spielen und Methoden zum gezielten Wortschatzaufbau im Fachunterricht in diesem Band 7 unserer Praxismaterialien.
Download pdf

# data[].attributes.attachment_link.title
arbeitsplatzbezogene Materialien | Deutsch am Arbeitsplatz

# data[].attributes.attachment_link.description
Dohmann, Olga; Niederhaus, Constanzepassage gGmbH, Fachstelle Berufsbezogenes Deutsch, 2018, 143 Seiten Lesen und Schreiben von Fachtexten sind große Herausforderungen auf dem Weg in den Erzieherberuf - nicht nur, aber besonders für Lernende mit Deutsch als Zweitsprache. Wie können Sie als Fachlehrkraft Ihre Lernenden dazu befähigen?

# data[].attributes.body
IQ Fachstelle Berufsbezogenes Deutsch

# data[].attributes.body
IQ Fachstelle Berufsbezogenes Deutsch und HOGA

# data[].attributes.body
Lieblingstool

# data[].attributes.attachment_link.provider_name
Experiments in Creativity with Dave Birss - Author, Educator, Public Speaker, Experimenter

# data[].attributes.attachment_link.readable_text
How to use story dice

As you can see above, you get five story dice (or nine dice, if you prefer), each with a random image on it. Your job is quite simply to turn these prompts into a story.

I recommend you try to work with the order they appear on the screen but if you're finding it tough, you can do some swapsies.

You also don't need to take the image literally. You can use the dice metaphorically or as representations of other concepts. For example, a slice of pizza could represent food in general, cutting a slice out of something, Italy, gooiness, a chef and a heap of other more obscure things. The job of the dice is not necessarily to provide you with literal objects to work with but concepts to nudge your thinking in fresh directions.

You may just want to dive in as soon as you see them, working from left to right as you try to incorporate each image into your yarn. Or you may want to be more strategic and work out the ending first, using the dice to work out how you're going to get to your big climax. Try different strategies to see what works best for you.

But let me give you an example. Imagine I was dealt these dice (I don't need to imagine because I just have been):

# data[].attributes.attachment_link.title
Story Dice - a story ideas generator by Dave Birss

# data[].attributes.attachment_link.description
Instant story ideas for writers, parents and storytellers. With this tool, you've always got a free set of story dice in your pocket or desktop.

# data[].attributes.body
Lieblingstool

# data[].attributes.attachment_link.provider_name
Experiments in Creativity with Dave Birss - Author, Educator, Public Speaker, Experimenter

# data[].attributes.attachment_link.readable_text
How to use story dice

As you can see above, you get five story dice (or nine dice, if you prefer), each with a random image on it. Your job is quite simply to turn these prompts into a story.

I recommend you try to work with the order they appear on the screen but if you're finding it tough, you can do some swapsies.

You also don't need to take the image literally. You can use the dice metaphorically or as representations of other concepts. For example, a slice of pizza could represent food in general, cutting a slice out of something, Italy, gooiness, a chef and a heap of other more obscure things. The job of the dice is not necessarily to provide you with literal objects to work with but concepts to nudge your thinking in fresh directions.

You may just want to dive in as soon as you see them, working from left to right as you try to incorporate each image into your yarn. Or you may want to be more strategic and work out the ending first, using the dice to work out how you're going to get to your big climax. Try different strategies to see what works best for you.

But let me give you an example. Imagine I was dealt these dice (I don't need to imagine because I just have been):

# data[].attributes.attachment_link.title
Story Dice - a story ideas generator by Dave Birss

# data[].attributes.attachment_link.description
Instant story ideas for writers, parents and storytellers. With this tool, you've always got a free set of story dice in your pocket or desktop.

# data[].attributes.body
Anerkennung von dualen Berufen. Wie habe ich es gemacht? ...in einfacher Sprache! Elektroniker, Friseur, Metallgestalter

# data[].attributes.attachment_link.keywords[]
bbh "botschafterin und botschafter des handwerks" "botschafter des handwerks" "botschafterin des handwerk" zwh "zentralstelle für die weiterbildung im handwe...

# data[].attributes.attachment_link.title
Botschafterinnen und Botschafter des Handwerks

# data[].attributes.attachment_link.description
Die Modellinitiative „Botschafterinnen und Botschafter des Handwerks" wurde von der Zentralstelle für die Weiterbildung im Handwerk (ZWH e.V.) im Rahmen ihrer Aktivitäten im Multiplikatorenprojekt des Förderprogramms Integration durch Qualifizierung (MUT IQ) von 2019 bis 2022 umgesetzt und wurde aus Mitteln des Bundesministeriums für Arbeit und Soziales (BMAS) finanziert.

# data[].attributes.body
Deutsch für den Beruf ganz einfach - Lernmaterialien, Videos, Hörtexte usw.

# data[].attributes.attachment_link.readable_text
Jeder Beruf hat seine Fachsprache und bedeutet eine ganz besondere Herausforderung für Menschen, die gerade Deutsch lernen und einen beruflichen Einstieg in einem deutschsprachigen Land planen. Mit Deutsch für den Beruf - ganz einfach! stellen wir Lernkollektionen für den Deutschunterricht zusammen, um Fachsprachen einfacher zu vermitteln und zu erlernen und so den Berufseinstieg zu erleichtern.

Jeder Beruf hat seine Fachsprache und bedeutet eine ganz besondere Herausforderung für Menschen, die gerade Deutsch lernen und einen beruflichen Einstieg in einem deutschsprachigen Land planen. Mit Deutsch für den Beruf - ganz einfach! stellen wir Lernkollektionen für den Deutschunterricht zusammen, um Fachsprachen einfacher zu vermitteln und zu erlernen und so den Berufseinstieg zu erleichtern.

Aller Anfang ist schwer

Mit diesen Lernkollektionen möchten wir vielen Menschen den Einstieg in den Beruf erleichtern. Unsere Redakteurin Natascha Remmert unterrichtet Deutsch an einer Sprachschule und erfährt von ihren SchülerInnen, in welchen Berufen die Chance eine Arbeit zu finden, besonders hoch ist. So fiel unsere Auswahl für die ersten Lernkollektionen auf Deutsch für Pflegekräfte, Deutsch für Köche / Köchinnen und Deutsch für KFZ-Mechatroniker / KFZ-Mechatronikerinnen. Weitere Berufe werden folgen.

Unsere Lernkollektionen sind für den Deutschunterricht aufbereitet und können sofort und kostenlos genutzt werden. Zusätzlich können auch Selbstlerner ihr Wissen auffrischen und vertiefen. Die Inhalte sind situativ an die Berufe angepasst und unterstützen beim Erlernen des Fachwortschatzes, bei der Kommunikation mit Kollegen oder Kunden und auch beim Ausfüllen von Formularen oder Schreiben von Berichten. Dafür haben wir für jeden Beruf kostenlose Videos, Arbeitsblätter und Online-Übungen zusammengestellt, die in vielen Lernsituationen eingesetzt werden können. Viel Spaß damit!

Deutsch für Friseure / Friseurinnen

DaF-/DaZ für Berufe: Friseure / Friseurinnen,
12 Schritte, ab Niveau B1, 4 * 90 Minuten

Wie sind die Arbeitsabläufe in einem Friseursalon? Wie führt man ein Beratungsgespräch zu Frisuren und Styling? Nach 4 x 90 Minuten können die Schülerinnen ab Niveau B1 den Wortschatz und die Redemittel für Friseurwerkzeuge, Arbeitsschritte anwenden und Kundengespräche führen.
Deutsch für Friseure / Friseurinnen
Deutsch für Restaurantfachmänner / -frauen

DaF-/DaZ für Berufe: Restaurantfachmänner / -frauen,
12 Schritte, ab Niveau B1, 4 * 90 Minuten

Was sind die wichtigsten Aufgaben und Anforderungen dieses Berufes? Wie reagiert man auf Wünsche und Beschwerden? Nach Abschluß dieser Lernkollektion (4 x 90 ab Niveau B1) können die SchülerInnen das Fachvokabular für die Arbeit im Restaurant verstehen und Fragen und Antworten von Besucher bewältigen.
Deutsch für Restaurantfachmänner / -frauen
Deutsch für Gebäudereiniger / Gebäudereinigerinnen

DaF-/DaZ für Berufe: Köche / Köchinnen,
14 Schritte, ab Niveau B1, 6 * 90 Minuten

Innenreinigung, Außenreinigung, Fassadenreinigung - wie geht das? Wie funktioniert eine Dienstbesprechung? Wie verläuft die Abnahme? Die SchülerInnen ab Niveau B1 verstehen nach 6 x 90 Minuten die Details dieses Berufes und können den dazugehörigen Wortschatz und die Redemittel anwenden.
Deutsch für Gebäudereiniger / Gebäudereinigerinnen
Kollektion Deutsch für Pflegekräfte

DaF-/DaZ für Berufe: KFZ-Pflegekräfte,
12 Schritte, ab Niveau B1, 3 * 90 Minuten

Wie wird ein Biografiebogen ausgefüllt? Wie wird ein Biografiebericht geschrieben? Nach Einsatz dieser Lernkollektion können die SchülerInnen diese wichtigen Arbeitsschritte im Pflegeberuf mit passendem Wortschatz und Redemitteln benennen und eigenständig ein Formular ausfüllen, den Biografiebericht strukturieren und verfassen, ab Niveau B1, 3 x 90 Minuten.
Deutsch für Pflegekräfte
Kollektion Deutsch für KFZ-Mechatroniker/innen

DaF-/DaZ für Berufe: KFZ-Mechatroniker/innen,
12 Schritte, ab Niveau B1, 3 * 90 Minuten

Auto, Werkzeug und Werkstatt - die SchülerInnen kennen nach Einsatz der Lernkollektion den Wortschatz und die Redemittel für wichtige Arbeitsschritte in einer Autowerkstatt und können über Themen wie Wartung, Sicherheitssysteme und Kundengespräche sprechen, ab Niveau B1, 3 x 90 Minuten.
Deutsch für KFZ-Mechatroniker/innen
Kollektion Deutsch für Pflegekräfte

DaF-/DaZ für Berufe: KFZ-Pflegekräfte,
12 Schritte, ab Niveau B1, 3 * 90 Minuten

Wie wird ein Biografiebogen ausgefüllt? Wie wird ein Biografiebericht geschrieben? Nach Einsatz dieser Lernkollektion können die SchülerInnen diese wichtigen Arbeitsschritte im Pflegeberuf mit passendem Wortschatz und Redemitteln benennen und eigenständig ein Formular ausfüllen, den Biografiebericht strukturieren und verfassen, ab Niveau B1, 3 x 90 Minuten.
Deutsch für Pflegekräfte
Unsere Projektpartner

Die Lernkollektion Deutsch für Beruf - ganz einfach! sind ein Teil des Projekts Berufshandlungen der Bertelsmann Stiftung, bei der wir uns für die Unterstützung bedanken.
Und im Rahmen des Projekts Berufshandlungen gibt es weitere nützliche Materialien und Anwendungen für berufsspezifische Sprachkenntnisse, die wir euch ganz besonders ans Herz legen möchten:

Bertelsmann-Stiftung

Fachstelle Berufsbezogenes Deutsch

Die Fachstelle Berufsbezogenes Deutsch entwickelt im Rahmen des Projektes weiterführende Lernmaterialien für den Einsatz im Unterricht für ausgewählte Berufe, mehr erfahren.

Deutsche Welle

Weiters unterstützen bei der Verbreitung:

Wie gehts' weiter mit Deutsch für den Beruf - ganz einfach!?

Könnt ihr die Lernkollektionen in eurem Deutsch-Unterricht einsetzen? Wenn ihr Anregungen und Ideen habt, tolle Materialien oder URL-Ressourcen schreibt diese zu den Kommentaren.

Dann noch die Bitte: Wenn euch unsere Arbeit gefällt, bitte empfehlt uns auf Facebook, damit unser Projekt bekannt wird und wir weitermachen können.

# data[].attributes.attachment_link.title
Deutsch für den Beruf - ganz einfach! - lernox blog

# data[].attributes.attachment_link.description
Kostenlose DaF- und DaZ Materialien, Bausteine, Lerneinheiten für beliebte Berufe und Fachdeutsch

# data[].attributes.body
Testen Sie sich selbst

# data[].attributes.attachment_link.description
Du bist neugierig, wie relevant deine Berufserfahrung für den deutschen Arbeitsmarkt ist? Diese Website gibt dir eine Übersicht über das, was in Deutschland für 30 wichtige Berufe erwartet wird. Finde heraus, wieviel du davon schon kannst!

# data[].attributes.body
Lernmaterialien für den Unterricht

# data[].attributes.attachment_link.description
Test der Bertelsmann-Stiftung ermöglicht Selbsteinschätzung zu Berufserfahrungen. Sprachlern-pdfs in sechs Sprachen und Einsatzmöglichkeiten im Unterricht.

# data[].attributes.body
Fachwortschatz nach Berufen

# data[].attributes.attachment_link.description
Du bist neugierig, wie relevant deine Berufserfahrung für den deutschen Arbeitsmarkt ist? Diese Website gibt dir eine Übersicht über das, was in Deutschland für 30 wichtige Berufe erwartet wird. Finde heraus, wieviel du davon schon kannst!

# data[].attributes.body
keine Registrierung erforderlich

# data[].attributes.attachment_link.readable_text
Structure writing

Use notes and attachments to quickly create a structure for an article or a writing assignment, then create a document outline and continue editing in your favourite writing tool

Create storyboards

Use a frictionless planning canvas to capture and organise your thoughts, and then put them into a powerful storyboard to turn a hierarchy of ideas into a sequence of slides.

Post to social media

MindMup Atlas automatically adds images and contextual information to ensure that your maps show up nicely on Twitter, Facebook, Google+, LinkedIn and Pinterest.

Plan and manage projects

Add measurements to map nodes to automatically calculate cost, completion and other important factors. Manage project progress easily with icons and priorities.

Collaborate easily

Maps saved to MindMup Cloud support concurrent editing for teams and classrooms, enabling you to instantly see updates made to your map by other users.

Attach documents

Add longer text, videos and spreadsheets to your maps. MindMup for Google Drive also allows you to link to other project documents on Google Drive easily.

Add images

Quickly add images and icons to your maps to provide context and illustrations.

Administer easily

Administrators can easily control sharing settings for the entire organisation. MindMup also integrates with Office365 and Google authentication for easy account management.

MindMup Cloud

Free users can create public maps up to 100 KB and save them up to six months. No account or registration needed.

Gold users can create private maps, share and edit concurrently.
Create a new map Open an existing map

# data[].attributes.attachment_link.description
Free online mind mapping. The most productive online mind map canvas on the Web. Supports Freemind mindmap import/export. Easy mindmapping software.

# data[].attributes.attachment_link.description
Important — Popplet.com service is ending July 1, 2026. Please read the official announcement here,and visit our new site Superstructures.io.

# data[].attributes.attachment_link.readable_text
Your browser has JavaScript disabled.
In Ihrem Browser ist JavaScript deaktiviert.
JavaScript est désactivé dans votre navigateur.
Nel Vostro browser JavaScript è disattivato.
Javascript está desactivado en su navegador.
Sizin servis sağlayıcınızda JavaScript aktif değil.

# data[].attributes.attachment_link.description
Your browser has JavaScript disabled.In Ihrem Browser ist JavaScript deaktiviert.JavaScript est désactivé dans votre navigateur.Nel Vostro browser JavaScript è disattivato.Javascript está desactivado en su navegador.Sizin servis sağlayıcınızda JavaScript aktif değil.

# data[].attributes.body
Lernmaterialien für Pflegeberufe

# data[].attributes.attachment_link.description
Die INA-Pflege-Toolbox 2 wurde für Menschen mit geringen Grundbildungskenntnissen in der Pflege(hilfe)ausbildung entwickelt. Das enthaltene Lehr- und Lernmaterial besteht aus Arbeitsblättern für Lernende sowie Arbeitsblättern für Dozierende mit Lösungen…

# data[].attributes.body
damit kann man interaktive Bilder und Videos erstellen. Sehr gut um mit Bildern zu arbeiten. Oder auch um Konversationsunterricht zu moderieren!

# data[].attributes.attachment_link.title
ThingLink: Create unique experiences with interactive images, videos & 360° media

# data[].attributes.attachment_link.description
Easily create interactive and immersive visual experiences for online communication and learning. Start a free trial!

# data[].attributes.body
Mit diesem Tool kann man ein Comic Charakter erstellen und diesen Charakter sprechen lassen. Geeignet zum Erstellen von Lernvideos mit Pepp.

# data[].attributes.attachment_link.title
Voki | Speaking Characters For Education

# data[].attributes.body
Man muss das Programm runterladen, aber dann gehts.

# data[].attributes.attachment_link.readable_text
Praat: doing phonetics by computer

Download Praat:
* Macintosh, Windows
* Linux, Raspberry Pi, Chromebook
* ( FreeBSD, SGI, Solaris, HPUX )
* license and source code

Information on Praat:
* Introductory tutorial: choose Intro from Praat's Help menus.
* Extensive manuals and tutorials: in Praat's Help menus.
* Beginner's manuals by others.
* Paul Boersma's publications on algorithms and tutorials.

The authors:
Paul Boersma and David Weenink
Phonetic Sciences, University of Amsterdam
visiting: Spuistraat 134
mail: P.O. Box 1642, 1000BP Amsterdam
The Netherlands

Questions, problems, solutions:
1. Many problems can be solved by upgrading to version 6.4 of Praat.
2. Make sure you have read the Intro from Praat's Help menu.
3. If that does not help, use the Search button in Praat's manual window.
4. Or consult the Frequently Asked Questions directly.
5. There is a user group on the Internet: the Praat User List.
6. If none of the above helps, you can send email to paul.boersma@uva.nl.

Functionality

The following gives you an idea of the features of the Praat program. The links take you into the web copy of the manual. The same manual is also available from Praat's Help menus, in which case you can do searches.
This page is www.praat.org.

# data[].attributes.attachment_link.description
Praat: doing phonetics by computer Download Praat: * Macintosh, Windows * Linux, Raspberry Pi, Chromebook * ( FreeBSD, SGI, Solaris, HPUX ) * license and source code Information on Praat: * Introductory tutorial: choose Intro from Praat's Help menus. * Extensive manuals and tutorials: in Praat's Help menus.

# data[].attributes.body
Hier kann man eigene Poster anhand von peppigen Voralgen erstellen

# data[].attributes.attachment_link.description
Individuell anpassbare Flyer, Poster, Social-Media-Grafiken und Videos für all Ihre Bedürfnisse. Wählen Sie unter Tausenden professionell gestalteter Vorlagen und passen Sie sie im Handumdrehen nach Ihren Bedürfnissen an. KOSTENLOSE Grafiken in Webqualität! Das kann jeder, keine Designkenntnisse erforderlich! Schon ab 2,99 USD!

# data[].attributes.body
Sprachlernplattform mit dem Schwerpunkt Sprechen

# data[].attributes.attachment_link.description
Lernen Sie, Fremdsprachen zu sprechen. Hören Sie professionelle Aufnahmen, machen selbst Aufnahmen aus über 1000 Sätzen und erhalten Sie täglich Feedback von Trainern.

# data[].attributes.body
Eigentlich ist das ein Tool damit TN sich selbst organisieren.

# data[].attributes.attachment_link.description
GoConqr is a personal learning environment that allows students & teachers to create, discover and share learning resources. Transform your learning and achieve your goals with GoConqr

# data[].attributes.body
Vorsicht Englische Vorgaben. TN können Zeitungsberichte schreiben. Am liebsten mag ich den NinjaWriter! Macht Spaß!

# data[].attributes.attachment_link.readable_text
Make a newspaper clipping with your own headline and story. Surprise friends and colleagues, send a birthday greeting or give your next blog post a special look.

To download your newspaper, use the link at the bottom of the generated image. You can use the images as you wish ie. put them on your own website or blog. Please note, that direct linking to the newspaper clippings doesn't work; the images are deleted from the server after a short time span.

# data[].attributes.attachment_link.description
Make a newspaper clipping with your own headline and story. Surprise friends and colleagues, send a birthday greeting or give your next blog post a special look.

# data[].attributes.body
Tolle seite!

# data[].attributes.attachment_link.description
Hot_Potatoes_7 . Mit den 5 Modulen werden die vorbereiteten Daten (Texte, Fragen, Antworten, Bilder, etc.) eingearbeite Beispiele Datenbank (Linkliste) Alte Version der Site

# data[].attributes.body
Viele interessante Beiträge von Daflern für DaFler, die online unterrichten oder unterrichten wollen.

# data[].attributes.attachment_link.description
Aufzeichnungen der DaFWEBKONs - die Webkonferenz für DaF/DaZ Lehrende und Interessierte Mehr auf http://dafwebkon.com

# data[].attributes.body
Tipps zur Methodik, Didaktik im DaFZ Unterricht

# data[].attributes.attachment_link.keywords[]
daf daz didaktik deutschlehrer "deutsch als fremdsprache" "deutsch als zweitsprache" "deutsche grammatik unterrichten" "deutsche grammatik" "deutsch phonetik...

# data[].attributes.attachment_link.description
Auf diesem Kanal finden Sie alles zum Thema Didaktik im DaF-DaZ-Unterricht - von konkreten Tipps, wie die Binnendifferenzierung besser integriert wird bis hin zur Alphabetisierung - alles basierend auf den Grundlagen der modernen Gehirnforschung. Darüberhinaus finden Sie auch Werbung zu Materialien des Variadu-Verlags.

# data[].attributes.body
App um online Aufgaben für die TN zu machen

# data[].attributes.attachment_link.readable_text
Formative assessment has never been faster.

Plickers is the free card activity your students will love.

Join millions and play in your next lesson.
Sign up for free
Used by K-12 teachers in over 100 countries

# data[].attributes.attachment_link.description
Formative assessment has never been faster. Plickers is the free card activity your students will love. Join millions and play in your next lesson. Sign up for free Used by K-12 teachers in over 100 countries

# data[].attributes.body
Erstelle Storyboards mit unserer kostenlosen Storyboard-Software! Filmemacher, Lehrer, Schüler und Unternehmen nutzen Storyboard That, um Storyboards zu erstellen.

# data[].attributes.attachment_link.description
Storyboard That : Einfache Online-Storyboard-Erstellung! Ideal für Filmemacher, Lehrer und Schüler. Erstellen Sie noch heute Storyboards und Comics mit Storyboard That!

# data[].attributes.body
erstelle deine eigene Bildergeschichte

# data[].attributes.body
Mach es so.... nicht so....

# data[].attributes.body
man kann gemeinsam ein Bild zeichnen oder ein Foto bearbeiten

# data[].attributes.attachment_link.description
Draw a picture together with your friends in real-time over the internet in your browser

# data[].attributes.body
Wörter mit digitalen Karteikarten lernen

# data[].attributes.body
Wortigel erstellen

# data[].attributes.body
tolles Tool zum asynchronen Lernen

# data[].attributes.attachment_link.description
Open source online retrospective & collaboration tool - fast onboarding, jump right into a session with your team

# data[].attributes.body
Lückentexte Quiz Kreuzworträtsel erstellen

# data[].attributes.attachment_link.description
Hot_Potatoes_7 . Mit den 5 Modulen werden die vorbereiteten Daten (Texte, Fragen, Antworten, Bilder, etc.) eingearbeite Beispiele Datenbank (Linkliste) Alte Version der Site

# data[].attributes.body
Kartenabfrage, helfersystem, Evaluation, Lerntempoduett, Platzdeckchen digital

# data[].attributes.attachment_link.readable_text
Impressum

Angaben gemäß § 5 TMG:

Olaf Müller
An der Stüveeiche 14
49205 Hasbergen

Kontakt:

Quelle: eRecht24

Haftungsausschluss (Disclaimer)

Haftung für Inhalte

Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.

Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.

Haftung für Links

Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.

Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.

Urheberrecht

Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.

Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.

Verwendung von Icons

Die Icons auf ONCOO basieren auf dem Iconset ICOMOON, das auf der webseite https://icomoon.io bezogen werden kann.

# data[].attributes.attachment_link.description
Willkommen auf ONCOO. Hier finden Sie eine Sammlung von Werkzeugen (Tools) zum kooperativen Lernen, die mit PC, Laptop, Smartboard, Smartphone und Tablet genutzt werden können.

# data[].attributes.attachment_link.description
Alle Jahre wieder kommt der Geräuschesammler die Kinder vom SV Sallern im Zuge ihres Fussballferienprogramms besuchen...

# data[].attributes.attachment_link.title
deutsch-to-go.de - Kurze Hörtexte für zwischendurch ...

# data[].attributes.attachment_link.description
Kostenlose Hörtexte für Deutschlerner. Jede Woche neue Hörtexte. Die Hörtexte gibt es in drei Schwierigkeitsstufen: einfach - mittel - schwer.

# data[].attributes.body
erstelle ganz einfach ein Erklärvideo

# data[].attributes.body
kostenlose Screencast erstellen

# data[].attributes.attachment_link.title
Share Ideas Instantly with TechSmith Capture

# data[].attributes.attachment_link.description
TechSmith Capture (formerly Jing) is a simple, free way to capture basic screenshots and screen recordings and share them with others.

# data[].attributes.body
Eigene (Lern-)Comics erstellen, einfach und schnell

# data[].attributes.attachment_link.provider_name
Create Your Own Comic Strips Online with MakeBeliefsComix

# data[].attributes.attachment_link.readable_text
We Offer Support and Resources.

From Richard Byrne, editor of Practical Ed Tech Tip of the Week -- ''Creating Comics for Comfort'' -- Living in Maine and father of two school-age children, Richard wrote the following item for teachers and students dealing with the terrible tragedy of the recent mass shootings in that state. He thought this an appropriate time to review and use Social and Emotional Learning resources, such as those offered by MakeBeliefsComix.com.

Make Beliefs Comix offers a library of fantastic, free ebooks for SEL. The library hosted by Make Beliefs Comix contains fillable PDFs that you can download for free. The latest addition to that library is 50+ Ways to Talk to Yourself and Find Healing. And for something a bit lighter, take a look at Pet Words: Conversations With Your Animal Friends.

"Here's a video overview of the Make Beliefs Comix ebooks and here's one about how to create comic strips on the Make Beliefs Comix website."

For many LGBTQ+ kids, especially when they're figuring things out, finding accepting spaces online can sometimes feel safer. Seek out creative opportunities and modes of self-expression, with this section in Make Beliefs Comix.

READ ABOUT US IN THE NEW YORK TIMES!

ARTICLE #1: (click on the link below)
MakeBeliefsComix encourages students to create their own visual pandemic diary.

ARTICLE #2: (click on the link below)
One easy way to start playing with ideas is through the free, online tool at MakeBeliefsComix.com.

# data[].attributes.attachment_link.title
Create Comics Online, it's Fun & Free at MakeBeliefsComix!

# data[].attributes.attachment_link.description
Create comics online at MakeBeliefsComix. A fun way educators & parents can empower students to express ideas and stories in comix!

# data[].attributes.body
Lernposter, Infografiken und Social media posts erstellen

# data[].attributes.body
digitale Karteikarten zum lernen erstellen

# data[].attributes.body
Lückentexte, MultipleChoice, Memory, Millionenshopw

# data[].attributes.body
eigene Übungen erstellen

# data[].attributes.attachment_link.readable_text
The evidence is in the practice

ESSA Level 3 correlation evidence in math and ELA, earned by teachers running frequent formative assessments.

When teachers run 30+ formative questions a week, the research is clear: they get more data-driven, their students get more engaged. Wayground is built to make that practice enjoyable ot run, attainable to fit a class period, and habitual enough to last past September.

# data[].attributes.attachment_link.title
Quizizz is now Wayground | Teacher AI and Resources

# data[].attributes.attachment_link.description
Find standards-aligned resources that engage every student. Wayground (formerly Quizizz) helps teachers differentiate instruction with AI and track student progress.

# data[].attributes.body
Sammeln von:
-links
-Videos
-Dokumente

# data[].attributes.attachment_link.title
Wakelet | The All In One Content Platform

# data[].attributes.attachment_link.description
Wakelet allows you to bookmark, organize, collaborate and present on content all in one platform. Harness your content to build remarkable things.

# data[].attributes.body
gemeinsam erstellen:
- Texte
- PPP
- Tabellen
- To-Do-Listen

# data[].attributes.attachment_link.readable_text
JavaScript must be enabled to perform encryption in your browser

يجب أن يكون جافاسكربت مُمَكن لتمكين التشفير في متصفحك

El JavaScript ha d'estar habilitat per a realitzar l'encriptatge al navegador

JavaScript muss aktiviert sein, um die Verschlüsselung in deinem Browser zu ermöglichen

JavaScript debe estar activado para realizar la encriptación en tu navegador

JavaScript gaituta egon behar da zure nabigatzailean enkriptaketak egiteko

JavaScript doit être activé pour effectuer le chiffrement dans votre navigateur

ブラウザーで暗号化を行うにはJavaScriptが有効になっている必要があります

Для выполнения шифрования в вашем браузере должен быть включен JavaScript

JavaScript måste vara aktiverat för att utföra kryptering i din webbläsare

必须启用 JavaScript 才能在浏览器中进行加密

# data[].attributes.body
Wenn du etwas auf dem Bildschirm zeigen und erklären möchtest, dann nimm es mit diesem Tool auf und versende es als Video

# data[].attributes.attachment_link.readable_text
Record, edit and share video to connect with students, parents and faculty.

91%

think it is easier to build good working relationships when you can see and hear people

64%

Answered: "In a 60-minute work meeting, less than 30 minutes is relevant to my job."

87%

think that seeing and hearing people is less likely to result in misunderstandings.

Findings based on a 2022 survey of 1,064 ScreenPal users.

Expand your knowledge and learn how to use video creation tools for learning in any environment.

Easily integrate with the tools you already use

Connecting in the classroom

Communicate more effectively

When you have the video and you have a platform to share it with an 'authentic audience,' it creates ownership with the learning ... the student becomes invested in their learning. They want to improve everything they do.

Read Dr. Doak's 4 C's

Educational Technologist at Hawaii Preparatory Academy

Asynchronous communication

The best tool in the global marketplace for asynchronous communication... We have the capacity to run a video recorder on any platform and create a solution to capture any screen-based resource, anywhere, anytime.

Read Martin Mehl's profile

Cal Poly University and co-author of Digital Academic Revolution

A full-featured application

You pull it up and it's super easy to get started and press record. It also has editing capabilities, too, that really put that production value in and allow you to cut the video down, add effects, add titles...

Read about Teaching in Higher Ed

Director of Teaching Excellence and Digital Pedagogy at Vanguard University of Southern California

Video learning: Frequently asked questions

It's easy to record videos with ScreenPal! You can launch our screen recorder and start recording within a few minutes. You can read more about our screen recorder in this ' Ultimate Guide on How to Screen Record.'

With our free recorder, you can record videos for up to 15 minutes long. It's plenty of time for many educators. You'll also have basic editing options including trimming the start or end of your screencast, adding music options from our stock music library, and adding a captions file.

If you want more including draw and zoom features, green screen, or options to edit your screencast, we invite you to take a look at our affordable Deluxe plan.

There are many reasons why videos are good for learning. We have educators around the world who have implemented videos into their curriculum. They report seeing higher levels of engagement, a stronger connection with their students, and improvement in their grades.

According to research, the average viewer remembers 95% of a message when it is watch; compared to 10% of text-based messages. There's no doubt that video can help with learning.

Here are a number of educators who share their own stories of success:
5 Powerful Ways Educators Are Using Video Professor Uses Flipped Learning to Spark Passion In Her Students Professor Believes Digital Literacy and Video Learning Can Change the World

Absolutely! With your ScreenPal hosting account, you can create a channel dedicated to your class topics.

Create a channel (or playlist) of video content for each of your subjects. Then send a sharable link to your students so they can watch your channel. It's a great way to share your videos!

With ' Channel Recorder,' you can create a channel with its own recording button. Encourage your students to create their own videos to share within your channel.

Here is an overview of our hosting management platform and how to create your own video channel.

With ScreenPal, you don't have to worry about privacy or security concerns. We offer a free screen recorder you can launch on our website.

You don't need to create an account or have a login. This is especially helpful for educators who want their students to create their own videos.

Encourage your students to launch the free screen recorder and start recording videos for class. This easy how-to guide will get you started.

Yes! We are excited to provide a badge program for educators. Our program features educators and how they are able to implement video into their class curriculum.

To get started, head to our badge program to watch all the videos needed for your certification. After watching, take a quick quiz.

Once you pass, you'll receive a badge and a certificate of completion.

Yes! We offer discounted team plans for schools and universities of any size.

You can head here to find out more about our team plans.

Having a team plan is a great idea if you are looking to implement video learning into your school or university. It's a great way for your educators to communicate and collaborate with their students.

# data[].attributes.attachment_link.description
Video creation and management for education. ScreenPal offers the most robust, easy-to-use and cost-effective solutions available for video creation, management, and sharing.

# data[].attributes.body
Interaktive Übungen zu den Videos erstellen.

# data[].attributes.attachment_link.readable_text
Create
Richer HTML5 Content in Existing Publishing Platforms

Share
Content Seamlessly Across Any H5P Capable Site

Reuse and modify
Content in Your Browser at Any Time

Start creating rich interactive content on your own website. It's free and easy to get started.

Get started with H5P

Supercharge your website with H5P

H5P makes it easy to create, share and reuse HTML5 content and applications. H5P empowers everyone to create rich and interactive web experiences more efficiently - all you need is a web browser and a web site with an H5P plugin.

Mobile friendly content

H5P content is responsive and mobile friendly, which means that users will experience the same rich, interactive content on computers, smartphones and tablets alike.

Share rich content

H5P enables existing CMSs and LMSs to create richer content. With H5P, authors may create and edit interactive videos, presentations, games, advertisements and more. Content may be imported and exported. All that is needed to view or edit H5P content is a web browser. H5P content types and applications are shared here on H5P.org. H5P content may be created on any H5P enabled web site like H5P.com or your own Drupal or WordPress site with the H5P plugin installed.

Free to use

H5P is a completely free and open technology, licensed with the MIT license. Demos/downloads, tutorials and documentation are all available for users who want to join the community.

Check out the content types

There are several H5P content types and applications to suit various needs.

Need help with H5P?

Take a look at the Documentation pages. If you can't find an answer there, you can post a question to the H5P community in the Forum. Selected companies also provide H5P related services.

Wed, 10/25/2023 - 10:18

Learn how to use Chat GPT to create H5P content.

Thu, 06/29/2023 - 14:39

Teachers, instructional designers and other authors may now build content more than three times faster with the help of AI and the new tool, Smart Import. We have also launched a new version of the Moodle plugin for H5P.

Thu, 06/29/2023 - 14:40

Falcon on the future of AI and H5P, and the results from last month's survey.

Want to help us spread the word?

# data[].attributes.attachment_link.description
H5P empowers everyone to create, share and reuse interactive content - all you need is a web browser and a web site that supports H5P.

# data[].attributes.body
Interessantes Tool um ein eigenes Video mit 20 Bildern und eigener Stimme zu erstellen

# data[].attributes.attachment_link.title
PechaKucha Community: Powered by PechaKucha

# data[].attributes.attachment_link.description
“Powered by PechaKucha” events are one-off events that are separate from regular city-based PechaKucha Nights, and that are usually held as part of festivals and conferences, but can also act as stand

# data[].attributes.body
Manche brauchen mehr Struktur und da können Lernpfade helfen.

# data[].attributes.attachment_link.description
Lernpfad ist ein digitales Tool, das Lernen mit Inhalten aus unterschiedlichen digitalen Quellen vereinfacht.

# data[].attributes.body
Arbeitsblätter schnell und einfach erstellen

# data[].attributes.attachment_link.readable_text
Integrierte Lösungsblätter

Egal ob es sich um Lücken, Lösungsbilder, Zuordnungen oder textliche Erwartungshorizonte handelt: Lösungen werden direkt im Arbeitsblatt hinterlegt und können anschließend in einem separaten Dokument als Lösungsblatt exportiert werden.

# data[].attributes.attachment_link.title
tutory.de - Arbeitsblätter online gestalten

# data[].attributes.attachment_link.description
Mit dem tutory.de-Editor professionelle Arbeitsblätter und Dokumente finden und anpassen oder im Handumdrehen selbst erstellen!

# data[].attributes.body
lesen Sie, wer die Personen sind und was geschehen ist.

# data[].attributes.headline
kostenlose PPP für DaF Lernende A1/A2 Niveau 

# data[].attributes.subject
kostenlose PPP für DaF Lernende A1/A2 Niveau 

# data[].attributes.body
von DafZ Dozierenden geteilte Powerpointpräsentationen

# data[].attributes.attachment_link.title
867 Grundstufe (A1) Deutsch DAF powerpoints

# data[].attributes.attachment_link.description
Eine Auswahl von Deutsch DAF ppt-folien mit grundstufe (a1)

# data[].attributes.body
lass das virtuelle Glücksrad entscheiden, was ih als nächstes macht

# data[].attributes.attachment_link.readable_text
What To Do Under Quarantine?

You'll have to take our word for it that the wheel landed on Phone an old friend. Your browser cannot display the wheel of choices. Please upgrade to a newer browser that supports HTML5 (most new ones do). Wheel Decide would normally show a wheel right here with choices that you can set (lunch, games, dinner, anything!). You can spin it to get a random decision. Make your own wheel of dinner, wheel of fortune, wheel of lunch, wheel of whatever you want now!

What's Wheel Decide?

Wheel Decide is a free online spinner tool that allows you to create your own digital wheels for decision making, prize giveaways, raffles, games, and more. Browse through our wheels and spin to randomize your life and make the decisions that have no wrong answers.

Decision Making

Let the wheel decide. Save your energy for the big decisions

# data[].attributes.attachment_link.description
Can't decide? Wheel Decide for you! Set your own custom choices and then spin the wheel to make the random decision of lunch, movie, or anything! Make your own wheel of dinner or whatever now!

# data[].attributes.body
erstelle eigene Audiodateien und lade sie hoch

# data[].attributes.attachment_link.description
Vocaroo is a quick and easy way to share voice messages over the interwebs.

# data[].attributes.attachment_link.readable_text
Mitbestimmung, Demokratie und Selbstständigkeit kann man lernen und dazu sollen diese Methodenkarten anregen und Hilfestellungen geben. Die Methoden-Kiste bietet eine Vielzahl von Methoden für den Schulunterricht und die Bildungsarbeit außerhalb der Schule, und nicht nur für die politische Bildung. Die Methoden sind nach verschiedenen Anwendungsbereichen sortiert, zum Beispiel "Einsteigen", "Präsentieren" oder "Feedback geben". Alle Methoden sind so beschrieben, dass Jugendliche sie selbst auswählen, anwenden und somit ihren Unterricht und ihr Lernen mitgestalten können. Viele Methoden zielen auf kreatives, selbstständiges und eigenverantwortliches Lernen ab, auf kritisches Denken und Urteilen und können so einen Beitrag zur Demokratisierung der Schule und Bildungsarbeit leisten.

Für Fragen, Hinweise, Kritik, Anregungen und Lob wenden Sie sich gern an die Redaktion! Schicken Sie hierfür ganz einfach eine Mail an edu@bpb.de.

# data[].attributes.attachment_link.description
Mitbestimmung, Demokratie und Selbstständigkeit kann man lernen und dazu soll die Methoden-Kiste anregen und Hilfestellungen geben. Sie bietet eine Vielzahl von Methoden für die Bildungsarbeit.

# data[].attributes.attachment_link.readable_text
Auf dieser Website dreht sich alles um mysteriöse Vorfälle, ungeklärte Todesfälle, dreiste Diebe und Erpresser und so manch anderes zwielichtige Gesindel und rätselhafte Geschehen mehr. Unsere packenden kurz Krimis und spannenden Detektivgeschichten für Erwachsene sind jedoch nicht nur ein Lesegenuss. Hier werden auch die grauen Zellen gehörig auf Trab gebracht, wenn es darum geht, die Fälle der Detektive und Kommissare zu lösen oder hinter knifflige Rätsel zu kommen. Scharfer Verstand und cleveres Kombinieren sind gefragt, wenn Sie in den Kurzgeschichten als Leser selbst zum Ermittler werden und die Lösung aus den Details herausfinden.

Lesen Sie also jede Story mit detektivischem Gespür und klären Sie das Geheimnis um unglaubliche Entführungen, kaltblütige Morde und andere finstere Verbrechen selbst auf. Oder werden Sie beim Lesen ganz nebenbei zum Meister des Gehirnjoggings, wenn Sie die magischen Rätsel aus mysteriösen Zeiten und Welten ergründen. Alle Kurzgeschichten können am Ende als PDF Datei kostenlos heruntergeladen oder ausgedruckt werden.

Rätselgeschichten und Krimis zum Ausdrucken

Natürlich stehen Ihnen die liebevoll geschriebenen Rätselgeschichten zusammen mit der Lösung unter jeder Krimigeschichte im PDF-Format zum kostenlosen Download zur Verfügung. Die Geschichten zum Ausdrucken werden nicht nur Ihnen viel Freude bereiten. Geben Sie die Detektivgeschichten weiter oder knobeln Sie zusammen mit Freunden an den kniffligen Rätseln. So wird aus der Lektüre schnell eine muntere Raterunde!

# data[].attributes.attachment_link.title
Rätselgeschichten und Kurzkrimis für Erwachsene

# data[].attributes.attachment_link.description
Hier erwarten Sie spannende Detektivgeschichten und packenden kurze Krimis zum Mitraten mit Lösung. Alle Rätselgeschichten stehen zum Ausdrucken bereit.

# data[].attributes.attachment_link.authors[].name
Kerstin Paulik, Sylvia Schlagintweit, Judith Wölfer

# data[].attributes.attachment_link.title
Hörtexte Deutsch - Hörtexte aus dem österreichischen Alltag

# data[].attributes.attachment_link.description
32 Hörtexte aus dem österreichischen Alltag mit Übungen für den Deutschunterricht und das Selbststudium.

# data[].attributes.headline
Überaus-Übergänge in Ausbildung und Beruf

# data[].attributes.subject
Überaus-Übergänge in Ausbildung und Beruf

# data[].attributes.attachment_link.description
Im Arbeitsalltag von Ausbildungspersonal und Auszubildenden mit Fluchthintergrund können Konfliktsituationen entstehen, die auf sprachliche Schwierigkeiten oder unterschiedliche kulturelle Wertvorstellungen zurückzuführen sind. Verständnis für das Gegenüber, aber auch die Auseinandersetzung mit eigenen und fremden Sichtweisen zu fördern, ist deshalb das zentrale Anliegen dieses Dossiers.

# data[].attributes.body
Stimmt das? Klischees über Deutschland
Videos online Übungen ab A2

# data[].attributes.attachment_link.readable_text
Eine Entdeckungsreise in 20 Videofolgen für Deutschlernerinnen und -lerner mit Grundkenntnissen ab dem Niveau A2.
www.goethe.de/deutschlandlabor

in Kooperation mit der Deutschen Welle

# data[].attributes.attachment_link.description
Eine Entdeckungsreise in 20 Videofolgen für Deutschlernerinnen und -lerner mit Grundkenntnissen ab dem Niveau A2. www.goethe.de/deutschlandlabor in Kooperation mit der Deutschen Welle

# data[].attributes.body
Sechs junge Deutschlerner aus aller Welt brechen in zwei Teams zu einer Abenteuerreise quer durch Deutschland auf.  Videos Arbeitsblätter und online Übungen zu den Stationen

# data[].attributes.attachment_link.readable_text
Grafik: Goethe-Institut und Deutsche Welle

Sechs junge Deutschlerner*innen aus aller Welt brechen in zwei Teams zu einer Abenteuerreise quer durch Deutschland auf. Die Kandidat*innen erzählen, was sie in Deutschland besonders beeindruckt und was sie während der Reise besonders vermissen.

In Kooperation mit der Deutschen Welle

DW

Sechs Kandidat*innen, zwei Teams, ein Ziel: Berlin! Auf ihrer Reise quer durch Deutschland müssen sechs junge Deutschlerner aus aller Welt spannende Herausforderungen bestehen. Welches Team sammelt die meisten Punkte, wer wird diesen außergewöhnlichen Wettbewerb gewinnen?

„Ticket nach Berlin" bietet die Möglichkeit, die sechs jungen Deutschlerner auf ihrer Reise quer durch Deutschland zu begleiten und Orte aus der Nähe kennenzulernen.

Ticket nach Berlin wird gefördert vom Auswärtigen Amt
© Auswärtiges Amt

# data[].attributes.attachment_link.title
Ticket nach Berlin - Alltag in Deutschland - Goethe-Institut

# data[].attributes.attachment_link.description
Sechs junge Deutschlerner aus aller Welt brechen in zwei Teams zu einer Abenteuerreise quer durch Deutschland auf.

# data[].attributes.body
spielerisch Deutsch lernen A1 Niveau Videos

# data[].attributes.attachment_link.readable_text
Foto: © Goethe-Institut

Hi! Ich bin Ida, deine Deutschlehrerin auf YouTube. In diesem Video mache ich meinen Kühlschrank sauber. Warum? Ich war im Urlaub, und jetzt ist leider viel schlecht geworden: Salatgurke, Paprikasoße, Erdbeerjoghurt. Hilf mir, dass das nicht noch mal passiert und ich zeige dir, wie man diese langen Wörter ausspricht.

# data[].attributes.attachment_link.description
„Deutsch für Dich": mit Übungen, Apps, Clips und Denksport einfach online Deutsch lernen - alleine, gemeinsam oder im Forum des Goethe-Instituts

# data[].attributes.body
Mit der App die Stadt, in der Sie leben, besser kennenlernen

# data[].attributes.attachment_link.readable_text
Foto: © Goethe-Institut

Hi! Ich bin Ida, deine Deutschlehrerin auf YouTube. In diesem Video mache ich meinen Kühlschrank sauber. Warum? Ich war im Urlaub, und jetzt ist leider viel schlecht geworden: Salatgurke, Paprikasoße, Erdbeerjoghurt. Hilf mir, dass das nicht noch mal passiert und ich zeige dir, wie man diese langen Wörter ausspricht.

# data[].attributes.attachment_link.description
„Deutsch für Dich": mit Übungen, Apps, Clips und Denksport einfach online Deutsch lernen - alleine, gemeinsam oder im Forum des Goethe-Instituts

# data[].attributes.body
Podcast für Deutschlernende A1 und A2 Niveau

# data[].attributes.attachment_link.readable_text
Foto: © Goethe-Institut

Hi! Ich bin Ida, deine Deutschlehrerin auf YouTube. In diesem Video mache ich meinen Kühlschrank sauber. Warum? Ich war im Urlaub, und jetzt ist leider viel schlecht geworden: Salatgurke, Paprikasoße, Erdbeerjoghurt. Hilf mir, dass das nicht noch mal passiert und ich zeige dir, wie man diese langen Wörter ausspricht.

# data[].attributes.attachment_link.description
„Deutsch für Dich": mit Übungen, Apps, Clips und Denksport einfach online Deutsch lernen - alleine, gemeinsam oder im Forum des Goethe-Instituts

# data[].attributes.body
Online Übungen zu bestimmten Berufsfeldern Goethe Institut

# data[].attributes.attachment_link.readable_text
Allgemeine Übungen

Ob Sie in einem deutschsprachigen Land arbeiten möchten oder Deutschkenntnisse für Ihren Beruf benötigen - das vielfältige Übungsangebot von „Deutsch am Arbeitsplatz" bietet Ihnen auf den Niveaustufen von A1 bis B2 einen Einblick in den Arbeitsalltag in Deutschland. In unterschiedlichen beruflichen Situationen - zum Beispiel bei einer Präsentation, am Telefon oder in der Geschäftskorrespondenz - üben Sie Deutsch und thematisieren auch kulturelle Unterschiede.

Jetzt Deutsch Üben

# data[].attributes.attachment_link.title
Deutsch am Arbeitsplatz - Goethe-Institut

# data[].attributes.attachment_link.description
Das Übungsangebot bietet Ihnen auf den Niveaustufen von A1 bis B2 einen Einblick in den Arbeitsalltag in Deutschland.

# data[].attributes.body
kostenlos gemeinsam Deutsch lernen Austauschportal für Deutschlernende

# data[].attributes.attachment_link.description
Kostenlos gemeinsam Deutsch lernen. Die Community für Deutschlerner*innen und -lehrer*innen des Goethe-Instituts

# data[].attributes.body
zusätzliche Übungen auf memrise:
www.memrise.com/course/164122/deutsch-fur-euch-vocabular

# data[].attributes.attachment_link.keywords[]
"learn german" "deutsch lernen" katja dfe "fun easy german" "free german lessons" "german for beginners" "learn german grammar" "deutsch für euch" "native ge...

# data[].attributes.attachment_link.description
Learn German - it's free & fun! Deutsch Für Euch means "German for you" - the project's main focus is giving both extensive and accessible grammar explanations; a concept that's pretty unique in this form on YouTube. However, you'll find everything from easy, "A1" material, to listening comprehensions, to advanced, detailed analyses of grammar topics.

# data[].attributes.body
Neues aus Forschung und Weltgeschehen, Geschichte und Bildung ab B2

# data[].attributes.attachment_link.readable_text
Täglich Neues aus Gesundheit und Ökologie, Wissenschaft und Weltgeschehen im Podcast von SWR2 Wissen. Wichtige Zusammenhänge, gründliche Recherchen, überraschende Hintergründe.

# data[].attributes.attachment_link.description
Täglich Neues aus Umwelt und Gesundheit, Geschichte und Weltgeschehen. Wichtige Zusammenhänge, eindrückliche Reportagen. Manuskripte und weitere Informationen zu den einzelnen Folgen: http://swr2wissen.de

# data[].attributes.body
Wirtschaft Kultur und soziales Leben ab C1

# data[].attributes.attachment_link.readable_text
Mal hören, wohin uns die Wissenschaft bringt. Was Forscher*innen über unser Leben herausfinden. Welche Antworten sie für unsere Zukunft haben. Am Sonntag ab 18 Uhr im Programm oder hier als Podcast.

# data[].attributes.attachment_link.description
Podcast von "Hörsaal" abonnieren oder einzelne Beiträge herunterladen.

# data[].attributes.body
aktuelle Themen ab C1