<Details> And <Summary>: Hotel Room Selection

20.05.2018

Click one, and the others close.

Made with: HTML,CSS,JavaScript

View Code

<Details> And <Summary>: Hotel Room Selection

Arrowed Submit Button

19.05.2018

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

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

View Code

Arrowed Submit Button

Hoverable Expandable Blog Cards

19.05.2018

Emulate iPhore appstore card tap zooming and expanding.

Made with: HTML,CSS (SCSS),JS

View Code

Hoverable Expandable Blog Cards

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

Css Mask Animation

19.05.2018

Made with: HTML,CSS (SCSS)

View Code

Css Mask Animation

Glitching Text (Scss)

18.05.2018

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

Glitching Text (Scss)

Wobble Radio Buttons

18.05.2018

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

Made with: HTML,CSS,JavaScript

View Code

Wobble Radio Buttons

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>

Comet Spinner

18.05.2018

Comet spinner in HTML and CSS.

Made with: HTML,CSS

View Code

Comet Spinner

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

Responsive Multicol Magazine Layout

17.05.2018

"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

Responsive Multicol Magazine Layout

Css Poster #014

17.05.2018

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

View Code

Css Poster #014

Creative Credit Card Form

17.05.2018

A simple responsive credit card payment form. No JS.

Made with: HTML,CSS

View Code

Creative Credit Card Form

Particle Morphing Text

16.05.2018

Particle morphing text with Three.js.

Made with: HTML,CSS (Less),JavaScript

View Code

Particle Morphing Text

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

Auto Color Palette Formatting

16.05.2018

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

Made with: CSS (SCSS),JavaScript

View Code

Auto Color Palette Formatting

Ui Profile Cards

16.05.2018

UI profile cards with CSS transition effects on hover.

Made with: HTML,CSS (SCSS)

View Code

Ui Profile Cards

Css Vertical Accordion

15.05.2018

CSS vertical accordion for frequently asked questions.

Made with: HTML,CSS (Post CSS)

View Code

Css Vertical Accordion