2 HTML Elements I Never Used!? (Details & Summary)
Description
http://framer.com/designcourse -- Sign up to Framer for free or or get 20% off any paid plan!
-- Want to learn UI/UX? https://designcourse.com
-- Today, we're going to step into the world of Frontend development and check out 2 commonly unused HTML5 elements: Details and Summary. They're great for creating drop-down based content, without the use of JavaScript. Think of FAQs, for instance -- or any other scenario where you have a title, and want to allow the user to click said title to reveal more information.
Thanks to Vitor Paladini for inspiring this tutorial!
https://dev.to/vtrpldn/show-and-hide-content-easily-with-details-and-summary-html-tags-3eif
Stack overflow mentioned in this tutorial for the animation:
https://stackoverflow.com/a/38215801
0:00 - Introduction
0:49 - An awesome offer
1:30 - Writing the HTML
5:17 - CSS
11:46 - Outro
Let's get started!
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
Comments