Dt & Dd - Trending Words

Accordion using definition lists. Trending Words taken from dictionary.com.

Made with: HTML,CSS,JavaScript

View Code

Writer's Unblock With Html <Dt> & <Dd> Tags

When you load the page, you will see two completely random and unrelated English words appear on the screen. Use these word prompts to get your creative juices flowing and get an idea for a story, poem, or some other form of content. If you want a new prompt, just click "new words" and a fresh prompt will appear.

Made with: HTML,CSS (Sass),JavaScript

View Code

Dt And Dd: Primer Accordion

Accordion-like feature for a card with HTML <dt> & <dd> tags.

Made with: HTML,CSS (Stylus),JavaScript

View Code

Sliding Reveal Description List

This example shows how the dt and dd HTML elements can be used to create a sliding door style list.

Made with: HTML,CSS,JavaScript (Babel)

View Code

K-Pop Fandom Dictionary

Simple experiment with HTML dt and dd tags.

Made with: HTML,CSS (SCSS)

View Code

Dictionary Book

Dictionary book with HTML dt and dd tags.

Made with: HTML,CSS (SCSS)

View Code

Responsive Stairs Diagram

Responsive diagram by using only CSS and HTML dl, dt, dd elements. Try it in small screen.

Made with: HTML,CSS

View Code

Transforming Select Fields Using Dl, Dt & Dd + Some Jquery

Just a little form to showcase how you can use DL, DT & DD to spice up your select boxes.

Made with: HTML (Pug),CSS (SCSS),JavaScript

View Code

Vocabulary Flashcards

Using <dl>, <dt> & <dd>.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Dl And Dt

Meal plan with dl, dt and dd elements.

Made with: HTML (Haml),CSS (Sass)

View Code

Dl And Dt

Simple card list with dl & dt elements.

Made with: HTML (Haml),CSS (Sass)

View Code

Timeline

Timeline created with dt and dd elements.

Made with: HTML (Pug),CSS (SCSS)

View Code