https://github.com/textualize/videos
Code samples for Textual(ize) videos.
https://github.com/textualize/videos
Last synced: 3 months ago
JSON representation
Code samples for Textual(ize) videos.
- Host: GitHub
- URL: https://github.com/textualize/videos
- Owner: Textualize
- Created: 2023-11-27T17:29:13.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-26T10:25:45.000Z (almost 2 years ago)
- Last Synced: 2024-05-11T22:41:36.758Z (over 1 year ago)
- Language: Python
- Homepage: https://www.youtube.com/channel/UCo4nHAZv_cIlAiCSP2IyiOA
- Size: 104 KB
- Stars: 9
- Watchers: 6
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: change-app-auto-focus/myapp.py
Awesome Lists containing this project
README
# Videos
[Subscribe to the Textualize YouTube channel](https://www.youtube.com/channel/UCo4nHAZv_cIlAiCSP2IyiOA).
This repo holds the code samples for our YouTube videos.
## Stopwatch series
[Playlist on YouTube](https://www.youtube.com/playlist?list=PLHhDR_Q5Me1MxO4LmfzMNNQyKfwa275Qe).
## Random tip videos
| Video | Folder |
| :- | :- |
| [How to install and use the Textual devtools console](https://youtu.be/2w1hJPzQCJY) | n/a |
| [How to create a Markdown editor with live-preview in Textual](https://youtu.be/k0Sc-R8oWps) | `markdown-editor-with-live-preview` |
| [Send app notifications (toasts) in Textual](https://youtu.be/rKX8KwT4JXc) | `send-app-notifications` |
| [Set and show app title and sub-title in Textual](https://youtu.be/ApNAaCUV92s) | `title-subtitle-header` |
| [How to set and change the language for syntax highlighting in the TextArea widget in Textual](https://youtu.be/HniqTI3oCYI) | `switch-text-area-language` |
| [How to activate and use the default Command Palette in Textual](https://youtu.be/7mQvBgUmMgM) | `default-command-palette` |
| [How to do automatic UI sync / updates with timers and set_interval in Textual](https://youtu.be/ewqr50D5F68) | `set_interval-automatic-ui-updates` |
| [How to set and change the theme for syntax highlighting in the TextArea widget in Textual](https://youtu.be/DE6RjlReDTg) | `switch-text-area-theme` |
| [How to add custom commands to the Command Palette in Textual](https://youtu.be/Sh2uz-TmsiQ) | `custom-command-palette` |
| [Basic input restrictions in Textual](https://youtu.be/HlTK85KnlqY) | `basic-input-restrictions` |
| [Basic auto-completion suggestions in Textual](https://youtu.be/a6BcbBNRSIQ) | `basic-suggestions` |
| [Showcase of all built-in validators in Textual](https://youtu.be/o-rTaq2zvMc) | `showcase-built-in-validators` |
| [How to use the logging widgets RichLog and Log in Textual](https://youtu.be/YALhM7UUX8Y) | `logging-with-log-and-richlog` |
| [Basic screen management in Textual: pushing, popping, and switching screens](https://youtu.be/LJpR6u1ww7Q) | `screen-management-push-pop-switch` |
| [Demo of the input validation capabilities of Textual](https://youtu.be/BqkdWFwNJmY) | `input-validation-demo` |
| [How to create dynamic suggestions for input auto-completion in Textual](https://youtu.be/KRSwO0_l1DI) | `input-with-custom-suggestions` |
| [How to log messages to the devtools console in Textual](https://youtu.be/b2HRbz3dgxM) | `logging-with-textual-log` |
| [How to implement custom input validation in Textual](https://youtu.be/3EtArlSSOd0) | `input-custom-validator` |
| [How to change/disable app auto-focus in Textual](https://youtu.be/dW-Khc8d2iA) | `change-app-auto-focus` |
| [TCSS queries tutorial for Textual](https://youtu.be/t-JDZOurLhw) | - |
| [How to create a countdown timer in Textual](https://youtu.be/1Sb4j4LTFuo) | `countdown-timer` |
| [How to animate style changes programmatically in Textual](https://youtu.be/z49OV0sm_JU) | `animate-styles-method` |
| [How to use the transition TCSS style in Textual](https://youtu.be/PUuXV-gvtXM) | `transition-tcss-style` |
| [How to create a toggleable sidebar in Textual](https://youtu.be/0R9fLPrhH5U) | `toggleable-sidebar` |
| [Differences between the styles align and content-align in Textual](https://youtu.be/GFj6UNLTyrs) | `align-vs-content-align` |
| [How to add a loading indicator to a widget in Textual](https://youtu.be/OBpNPS73qoE) | `loading-widget-indicator` |
| [How to create an accordion of collapsible widgets in Textual](https://youtu.be/_eRV_Xt1zhU) | `collapsible-accordion` |
| [How to create and style a transparent modal screen in Textual](https://youtu.be/GvE36QfKpLc) | `modal-styling` |
| [How to use callbacks with modal screens in Textual](https://youtu.be/0akjBk8lve8) | `modal-callback` |
| [How to pass data to modal screens in Textual](https://youtu.be/FingLy_IHXA) | `modal-data` |
| [How to debug a layout with TCSS in Textual](https://youtu.be/VXwqkYDCZbo) | `layout-debug` |
| [Demo of the grid layout in Textual](https://youtu.be/zxWwkXjn-UI) | `grid-demo` |
| [Advanced grid styling in Textual](https://youtu.be/p6aAiKfAmCI) | `grid-rows-grid-columns-grid-gutter` |
| [Demo of the keyline style for grids in Textual](https://youtu.be/9BY-4oggpZ0) | `keyline-demo` |