Adaptive Tabs

28.06.2015

Tabs that animate to the height of their content when switched.

Made with: HTML,CSS (SCSS),JS

View Code

Adaptive Tabs

Logo Animation

26.06.2015

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

View Code

Logo Animation

Glowing Light Effect Experiment

24.06.2015

Made with: HTML,CSS (SCSS)

View Code

Glowing Light Effect Experiment

Overhang.Js

24.06.2015

Made with:

View Code

PlaceholderOverhang.Js

Circular Menu

23.06.2015

Made with: HTML,CSS

View Code

Circular Menu

Css-Only 12-Digit Upc-A Barcode Generator

22.06.2015

A completely accurate 12-digit UPC barcode generated using data-attributes and background-gradients. The values can be modified to generate a new barcode. Try scanning it with a barcode reader on your smartphone! This is a solid demonstration of some of the things that can be done with SASS scripting.

Made with: HTML,CSS (SCSS)

View Code

Css-Only 12-Digit Upc-A Barcode Generator

Simple Pure Css Loader

22.06.2015

Made with: HTML,CSS

View Code

Simple Pure Css Loader

Holy Running Cow

20.06.2015

Press and drag to rotate the scene. Made with three.js and TweenMax.js.

Made with: HTML,CSS,JavaScript

View Code

Holy Running Cow

Toggle Buttons

19.06.2015

Pure CSS3 different toggle-button collection.

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

View Code

Toggle Buttons

Polygon Spinner

18.06.2015

A loading spinner that draws an SVG triangle and then animates it to a dodecagon and back.

Made with: HTML,CSS,JavaScript

View Code

Polygon Spinner

Bootstrap Material Datetimepicker

17.06.2015

Originaly designed for Bootstrap Material, the V2.0 is now completely standalone and responsive.

Made with: HTML,CSS,JS

View Code

PlaceholderBootstrap Material Datetimepicker

Chill The Lion

17.06.2015

WebGL experiment using ThreeJS. Move the fan and press to make wind, the lion will surely appreciate.

Made with: HTML,CSS,JavaScript

View Code

Chill The Lion

Pure Css Circle Menu

16.06.2015

Circular menu with toggle button created only with CSS. You can configure the menu size, number of items, color of toggle button and links icons.

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

View Code

Pure Css Circle Menu

Bootstrap Offer Cards With Coupon

16.06.2015

Made with: HTML,CSS

View Code

Bootstrap Offer Cards With Coupon

Loading Bar

15.06.2015

A quick and simple loading bar that provides the illusion of a working progress bar.

Made with: HTML,CSS (SCSS)

View Code

Loading Bar

Bootstrap Popout Dropdown

12.06.2015

A little fun with Bootstraps dropdown JS and Animate.css

Made with: HTML,CSS,JS

View Code

Bootstrap Popout Dropdown

Off-Canvas Menu

12.06.2015

Made with: HTML,CSS

View Code

Off-Canvas Menu

Isolating Css Box Shadows

11.06.2015

A simple & often misunderstood CSS fundamental. To isolate a single shadow we apply a negative spread and offset in the desired direction, then add a blur radius of equal distance to compensate. For inset shadows, the spread remains constant but we apply an offset in the opposite(-ve) direction. For multiple sides/shadows, simply combine any of the desired single-side rules into a comma separated list.

Made with: HTML,CSS (SCSS)

View Code

Isolating Css Box Shadows

Animated Weather Icons

10.06.2015

Simple animated weather icons in HTML and CSS.

Made with: HTML,CSS

View Code

Animated Weather Icons

Rc-Progress

9.06.2015

React progress bar.

Made with:

View Code

Rc-Progress