Details + Summary

19.05.2018

<details> and <summary> with pure CSS. Not supported IE & Edge browsers.

Made with: HTML,CSS (SCSS)

View Code

Details + Summary

Spoiler Alert With <Details> And <Summary>

18.05.2018

Using <details> and <summary> to hide/reveal spoilers.

Made with: HTML,CSS

View Code

Spoiler Alert With <Details> And <Summary>

Recipe With <Details> And <Summary>

17.05.2018

Using <details> and <summary> to create a recipe for enchiladas.

Made with: HTML,CSS

View Code

Recipe With <Details> And <Summary>

Code Snippet Repository

17.05.2018

Code snippet repository with HTML <details> & <summary>.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Code Snippet Repository

Details & Summary

16.05.2018

Frequently asked questions with HTML details & summary tags.

Made with: HTML,CSS (SCSS)

View Code

Details & Summary

Details & Summary

16.05.2018

Code example with HTML details and summary tags.

Made with: HTML,CSS,JavaScript

View Code

Details & Summary

Details And Summary

15.05.2018

HTML frequently asked questions layout.

Made with: HTML,CSS (PostCSS)

View Code

Details And Summary

Responsive Web Page Split Screen

15.05.2018

Responsive web page with a "Split Screen" style by using only CSS. Made with HTML <details> and <summary>. Try it in small screen.

Made with: HTML,CSS

View Code

Responsive Web Page Split Screen

Html Details And Summary

15.05.2018

Simple frequently asked questions template.

Made with: HTML,CSS,JavaScript

View Code

Html Details And Summary

<Details> And <Summary>

15.05.2018

Simple example with HTML details and sammary.

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

View Code

<Details> And <Summary>

<Details> And <Summary>

14.05.2018

Quick and dirty sketch of details accordion.

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

View Code

<Details> And <Summary>

Bucket List Destinations

14.05.2018

Yet another example with HTML details and summary tags.

Made with: HTML,CSS (SCSS)

View Code

Bucket List Destinations

Digital Monopoly Properties

14.05.2018

Idea for using the details and summary tags.

Made with: HTML,CSS

View Code

Digital Monopoly Properties

A Detailed Summary Of Life

14.05.2018

A detailed summary of life with <details> & <summary>.

Made with: HTML,CSS (SCSS)

View Code

A Detailed Summary Of Life

Gracefully-Degrading <Details> Accordion

14.05.2018

The details element provides a very easy and accessible implementation of the accordion, one of the most common UI components. The problem is that the default functionality is anything but smooth. Here I've tried to solve this issue with a nice ES6 class which expands the element's functionality without breaking accessibility.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Gracefully-Degrading <Details> Accordion

Toggle Function & Smooth Scroll Pure Html & Css

14.02.2018

Grid layout + details & summary + scroll-behavior. All in pure CSS3.

Made with: HTML,CSS

View Code

Toggle Function & Smooth Scroll Pure Html & Css

Animated Collapse/Expend Component

3.11.2017

Collapse/Expend with HTML details & summary.

Made with: HTML,CSS (SCSS)

View Code

Animated Collapse/Expend Component