Test UI Features

Contenu du cours

Test UI Features

Test UI Features

1. Buttons

Hint/Solution Buttons Hint/Solution/Video Tutorial Buttons Hint and Solution Single Block Buttons Code Description Button Download File in the TXT format Download Course Summary

2. ContentDev Tools

Markdown Parsing Colors RegExp Creation Item Feedbacks

3. Image Tools

Image Image Swiper

4. Links

Link in a Text Link to Github and CodeSandbox

5. Other

Windows / Apple / Linux Instructions NN Cat/Dog CNN Hyperparameters Encryption Block Text with Color Legend Danyas playground Oleh S tests

6. Text Boxes

Deprecated - Note Deprecated - Study More Deprecated - Definition Text Block ChatGPT Prompt Input - Output Quote Text Box File name header Deprecated - Prerequisites Box With Links Superscript/Subscript Copyable Text Box Expandable List Task Heading Code Block - Highlighted & Copyable SQL Code Block - Highlighted & Copyable Python Code Block - Highlighted & Copyable JavaScript Code Block - Highlighted & Copyable Java Code Block - Highlighted & Copyable Dart Code Block - Highlighted & Copyable C++Code Block - Highlighted & Copyable C Code Block - Highlighted & Copyable C#

7. Tables

Scrollable Framed Table Table with the Tooltip Matrices

8. Developers

Buttons Code Description Button Download File Button Image Magnifier / Image Magnifier + Carousel Note / Study more / Definition Code Block - Highlighted & Copyable Prerequisites Box With Links Table Expandable List Link in Markdown

9. Deprecated

+ (deprecated) Hint and Solution Single Block + (deprecated) TypeScript Hint/Solution + (deprecated) C# Hint/Solution + (deprecated) JavaScript Hint/Solution + (deprecated) Java Hint/Solution + (deprecated) GO Lang Hint/Solution + (deprecated) Python Hint/Solution + (deprecated) Java Hint/Solution with Copyable & Highlighted Code + (deprecated) Scala Hint/Solution with Copyable & Highlighted Code + (deprecated) Hint/Video Tutorial + (deprecated) Hint/Solution/Video Tutorial (deprecated) Interactive Video + (deprecated) Images Slider + (deprecated) Images Carousel + (deprecated) Image Magnifier + (deprecated) Image Carousel & Magnifier +(deprecated) Image Magnifying Glass + (deprecated) Linked List + (deprecated) IDE Testing + (deprecated) CSS Example Practice Test + (deprecated) Spinning anim + (deprecated) Temporary Hint/Video Tutorial + (deprecated) Temporary Hint/Solution/Video Tutorial + (deprecated) Joke + (deprecated) Animated border + (deprecated) Default Custom Table + (deprecated) Table Action + (deprecated) Styled Table

Table with the Tooltip

Readme

The table cell with a tooltip is structured as follows:


html

progress-tooltip-container: A wrapper div to organize the main content (Trustpilot Score) and the tooltip;
info-tooltip: A span that acts as the tooltip trigger. In this example, it is represented by the "ⓘ" symbol;
info-tooltip-text: A nested span containing the tooltip's text. This content is displayed when the user hovers over the trigger.

Element

Source Code


html

Tout était clair ?

Merci pour vos commentaires !

Section 7. Chapitre 2

Demandez à l'IA

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Contenu du cours

Test UI Features

Test UI Features

1. Buttons

Hint/Solution Buttons Hint/Solution/Video Tutorial Buttons Hint and Solution Single Block Buttons Code Description Button Download File in the TXT format Download Course Summary

2. ContentDev Tools

Markdown Parsing Colors RegExp Creation Item Feedbacks

3. Image Tools

Image Image Swiper

4. Links

Link in a Text Link to Github and CodeSandbox

5. Other

Windows / Apple / Linux Instructions NN Cat/Dog CNN Hyperparameters Encryption Block Text with Color Legend Danyas playground Oleh S tests

6. Text Boxes

Deprecated - Note Deprecated - Study More Deprecated - Definition Text Block ChatGPT Prompt Input - Output Quote Text Box File name header Deprecated - Prerequisites Box With Links Superscript/Subscript Copyable Text Box Expandable List Task Heading Code Block - Highlighted & Copyable SQL Code Block - Highlighted & Copyable Python Code Block - Highlighted & Copyable JavaScript Code Block - Highlighted & Copyable Java Code Block - Highlighted & Copyable Dart Code Block - Highlighted & Copyable C++Code Block - Highlighted & Copyable C Code Block - Highlighted & Copyable C#

7. Tables

Scrollable Framed Table Table with the Tooltip Matrices

8. Developers

Buttons Code Description Button Download File Button Image Magnifier / Image Magnifier + Carousel Note / Study more / Definition Code Block - Highlighted & Copyable Prerequisites Box With Links Table Expandable List Link in Markdown

9. Deprecated

+ (deprecated) Hint and Solution Single Block + (deprecated) TypeScript Hint/Solution + (deprecated) C# Hint/Solution + (deprecated) JavaScript Hint/Solution + (deprecated) Java Hint/Solution + (deprecated) GO Lang Hint/Solution + (deprecated) Python Hint/Solution + (deprecated) Java Hint/Solution with Copyable & Highlighted Code + (deprecated) Scala Hint/Solution with Copyable & Highlighted Code + (deprecated) Hint/Video Tutorial + (deprecated) Hint/Solution/Video Tutorial (deprecated) Interactive Video + (deprecated) Images Slider + (deprecated) Images Carousel + (deprecated) Image Magnifier + (deprecated) Image Carousel & Magnifier +(deprecated) Image Magnifying Glass + (deprecated) Linked List + (deprecated) IDE Testing + (deprecated) CSS Example Practice Test + (deprecated) Spinning anim + (deprecated) Temporary Hint/Video Tutorial + (deprecated) Temporary Hint/Solution/Video Tutorial + (deprecated) Joke + (deprecated) Animated border + (deprecated) Default Custom Table + (deprecated) Table Action + (deprecated) Styled Table

Table with the Tooltip

Readme

The table cell with a tooltip is structured as follows:


html

progress-tooltip-container: A wrapper div to organize the main content (Trustpilot Score) and the tooltip;
info-tooltip: A span that acts as the tooltip trigger. In this example, it is represented by the "ⓘ" symbol;
info-tooltip-text: A nested span containing the tooltip's text. This content is displayed when the user hovers over the trigger.

Element

Source Code


html

Tout était clair ?

Merci pour vos commentaires !

Section 7. Chapitre 2

some-alt