Comments (2)
Something short of embedding a video player.
Perhaps a thumbnail in a callout?
Why not embed the video, especially as a thumbnail would take up a similar amount of space anyway?
Example tutorial.md diff
diff --git a/docs/tutorial.md b/docs/tutorial.md
index ce7ed15d..bf343e8e 100644
--- a/docs/tutorial.md
+++ b/docs/tutorial.md
@@ -17,7 +17,9 @@ By the end of this page you should have a solid understanding of app development
## Video series
-This tutorial has an accompanying [video series](https://www.youtube.com/playlist?list=PLHhDR_Q5Me1MxO4LmfzMNNQyKfwa275Qe) which covers the same content.
+This tutorial has an accompanying [video series](https://www.youtube.com/playlist?list=PLHhDR_Q5Me1MxO4LmfzMNNQyKfwa275Qe) which covers the same content:
+
+[![A YouTube video link](https://img.youtube.com/vi/kpOBRI56GXM/0.jpg)](https://www.youtube.com/playlist?list=PLHhDR_Q5Me1MxO4LmfzMNNQyKfwa275Qe)
## Stopwatch Application
from textual.
Tom's suggestion makes sense in places like the stopwatch tutorial where there's almost a 1:1 correspondence between the written docs and the videos.
In many other places, I've just recorded random bits & bobs...
Other things we can do:
- add a fairly discrete “Watch our short video about this” next to topics covered in videos as well;
- for the reactivity guide (and possibly other guides in the future) make sure the topic playlist covers everything and then add a similar thumbnail to the playlist saying “This guide has an accompanying video series here:”
(For reference, here's the textual reactivity playlist: https://www.youtube.com/playlist?list=PLHhDR_Q5Me1POyvjxq0lupFbrUrJeWTAY)
from textual.
Related Issues (20)
- Auto width results in zero-width when applied to `OptionList` HOT 2
- Footer in ModalScreen lists ignored App keybindings HOT 4
- `action_back` leads to empty screen when not using `_default` Screen HOT 2
- Content height of markdown does not take border/padding into account HOT 8
- Broken links in grid reference HOT 1
- DataTable not moving cursor into view when move_cursor invoked before scrollbar is visible in other screen HOT 1
- Running `App.run_test()` multiple times in separate `with` statements crashes. HOT 3
- Cover screen events in guide
- OptionList sizing issue
- Prevent mounting on unmounted widgets HOT 1
- Broken bindings after 0.61.0 HOT 3
- Header icon broken since 0.61.0 HOT 4
- Action lookup failing HOT 3
- Footer issue on 0.63.0 HOT 1
- Action lookup problems on 0.63.1 HOT 1
- Footer bindings invisible on app launch HOT 2
- UI freezes on screen dismissal with new Footer HOT 14
- Make textual apps pipeable by default HOT 1
- Add `isort` to dev dependencies HOT 1
- New `Footer` missing space between key and description HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from textual.