Wibble 3d Button

12.10.2013

Using pseudo elements as old style 3D color offsets. Transitioning to a simple CSS 3D button.

Made with: HTML,CSS

View Code

Wibble 3d Button

Horizontal Menu

9.10.2013

Made with: HTML,CSS (SCSS)

View Code

Horizontal Menu

Pure Css Tabs

5.10.2013

Just HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Pure Css Tabs

Css Flame Animation

5.10.2013

An animated flame using only CSS3 animations and box-shadow.

Made with: HTML,CSS

View Code

Css Flame Animation

Css Flame Animation

5.10.2013

An animated flame using only CSS3 animations and box-shadow. Wanted to see if I could make fire with just CSS - flame on!

Made with: HTML,CSS

View Code

Css Flame Animation

A Collection Of Separator Styles

3.10.2013

A collection of separator styles for horizontally dividing sections on a website. The dividers are created using several techniques, including styling pseudo-elements, using gradients and inserting SVG graphics with responsiveness in mind.

Made with: HTML,CSS

View Code

A Collection Of Separator Styles

Pure Css3 Rating

30.09.2013

Flat pure CSS3 rating system.

Made with: HTML,CSS (SCSS)

View Code

Pure Css3 Rating

Pure Css3 Picture Frame

30.09.2013

Picture of Marilyn Monroe in a picture frame made out of CSS.

Made with: HTML,CSS

View Code

Pure Css3 Picture Frame

Css Scooped Corners

30.09.2013

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

View Code

Css Scooped Corners

3D Download Button With Meter Progress

23.09.2013

Animated download button (icon uses one i element) with 3D transition download meter progress bar.

Made with: HTML,CSS,JS

View Code

3D Download Button With Meter Progress

Poster In Css

20.09.2013

A woodblock poster made completely in CSS and Slim.

Made with: HTML (Slim),CSS

View Code

Poster In Css

Signature Animation

20.09.2013

Pure CSS, lightweight signature animation. No GIF animation, only lighweight (20KB) PNG sequence animated using CSS3. 'Replay' animation button with no JS, pure CSS. Change color of sign on hover.

Made with: HTML,CSS (Less)

View Code

Signature Animation

Analog Weather App

15.09.2013

Made with: HTML,CSS

View Code

Analog Weather App

Simple Styles For Horizontal Rules

13.09.2013

18 Simple Styles for horizontal rules (<hr> CSS design).

Made with: HTML,CSS

View Code

Simple Styles For Horizontal Rules

Ribbon Article

11.09.2013

HTML and CSS article template with ribbon effect.

Made with: HTML,CSS (SCSS)

View Code

Ribbon Article

Css-Only Countdown Clock

9.09.2013

A countdown clock that is powered only by CSS. The countdown length is 1 hour and it shows minutes, seconds and the hundredths of seconds as they tick.

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

View Code

Css-Only Countdown Clock

Ios 7 Toggle

6.09.2013

CSS/HTML only recreation of the iOS 7 toggle buttons.

Made with: HTML,CSS

View Code

Ios 7 Toggle

Jquery (Ui-Less) Accordion

6.09.2013

Made with: HTML,CSS,JS

View Code

Jquery (Ui-Less) Accordion

Flat Toggle Switch

5.09.2013

Pure CSS flat toggle switch.

Made with: HTML (Haml),CSS

View Code

Flat Toggle Switch

Ohsnap!.Js

5.09.2013

Made with:

View Code

PlaceholderOhsnap!.Js