<Details> And <Summary>: Hotel Room Selection
Click one, and the others close.
Made with: HTML,CSS,JavaScript
Arrowed Submit Button
Just a button with an arrow on hover through CSS. Not really a submit though.
Made with: HTML (Pug),CSS (Stylus)
Hoverable Expandable Blog Cards
Emulate iPhore appstore card tap zooming and expanding.
Made with: HTML,CSS (SCSS),JS
Details + Summary
<details> and <summary> with pure CSS. Not supported IE & Edge browsers.
Made with: HTML,CSS (SCSS)
Glitching Text (Scss)
A simple solution to creating a glitched text solution using only one text tag and some SCSS, using randomized animations.
Made with: HTML,CSS (SCSS)
Wobble Radio Buttons
UI snippet for radio buttons in HTML, CSS and JS.
Made with: HTML,CSS,JavaScript
Spoiler Alert With <Details> And <Summary>
Using <details> and <summary> to hide/reveal spoilers.
Made with: HTML,CSS
Recipe With <Details> And <Summary>
Using <details> and <summary> to create a recipe for enchiladas.
Made with: HTML,CSS
Code Snippet Repository
Code snippet repository with HTML <details> & <summary>.
Made with: HTML,CSS (SCSS),JavaScript
Responsive Multicol Magazine Layout
"Visiting Vancouver, I was very impressed with the layout of "Montecristo Magazine", but disappointed that their online presence didn't reflect that. This is my design to improve on that." - Dudley Storey
Made with: HTML
Creative Credit Card Form
A simple responsive credit card payment form. No JS.
Made with: HTML,CSS
Particle Morphing Text
Particle morphing text with Three.js.
Made with: HTML,CSS (Less),JavaScript
Details & Summary
Frequently asked questions with HTML details & summary tags.
Made with: HTML,CSS (SCSS)
Details & Summary
Code example with HTML details and summary tags.
Made with: HTML,CSS,JavaScript
Auto Color Palette Formatting
Add/Edit/Remove Hex Colors from the array to update the palette.
Made with: CSS (SCSS),JavaScript
Ui Profile Cards
UI profile cards with CSS transition effects on hover.
Made with: HTML,CSS (SCSS)
Css Vertical Accordion
CSS vertical accordion for frequently asked questions.
Made with: HTML,CSS (Post CSS)