<Details> And <Summary>: Hotel Room Selection

Click one, and the others close.

Made with: HTML,CSS,JavaScript

View Code

Arrowed Submit Button

Just a button with an arrow on hover through CSS. Not really a submit though.

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

View Code

Hoverable Expandable Blog Cards

Emulate iPhore appstore card tap zooming and expanding.

Made with: HTML,CSS (SCSS),JS

View Code

Details + Summary

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

Made with: HTML,CSS (SCSS)

View Code

Css Mask Animation

Made with: HTML,CSS (SCSS)

View Code

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)

View Code

Wobble Radio Buttons

UI snippet for radio buttons in HTML, CSS and JS.

Made with: HTML,CSS,JavaScript

View Code

Spoiler Alert With <Details> And <Summary>

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

Made with: HTML,CSS

View Code

Comet Spinner

Comet spinner in HTML and CSS.

Made with: HTML,CSS

View Code

Recipe With <Details> And <Summary>

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

Made with: HTML,CSS

View Code

Code Snippet Repository

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

Made with: HTML,CSS (SCSS),JavaScript

View Code

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

View Code

Css Poster #014

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

View Code

Creative Credit Card Form

A simple responsive credit card payment form. No JS.

Made with: HTML,CSS

View Code

Particle Morphing Text

Particle morphing text with Three.js.

Made with: HTML,CSS (Less),JavaScript

View Code

Details & Summary

Frequently asked questions with HTML details & summary tags.

Made with: HTML,CSS (SCSS)

View Code

Details & Summary

Code example with HTML details and summary tags.

Made with: HTML,CSS,JavaScript

View Code

Auto Color Palette Formatting

Add/Edit/Remove Hex Colors from the array to update the palette.

Made with: CSS (SCSS),JavaScript

View Code

Ui Profile Cards

UI profile cards with CSS transition effects on hover.

Made with: HTML,CSS (SCSS)

View Code

Css Vertical Accordion

CSS vertical accordion for frequently asked questions.

Made with: HTML,CSS (Post CSS)

View Code