Double Border Animation

11.12.2014

A border animation in SVG using two lines.

Made with: HTML,CSS

View Code

Double Border Animation

Jquery Accordion

8.12.2014

Made with: HTML,CSS,JS

View Code

Jquery Accordion

Responsive Animated Nav

7.12.2014

A fully responsive animated navigation menu for Bootstrap literally copy and paste and you're on your way.

Made with: HTML,CSS (SCSS),JS

View Code

PlaceholderResponsive Animated Nav

Pulp Fiction Css Pixel Art

7.12.2014

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

View Code

Pulp Fiction Css Pixel Art

Stars For Rating

3.12.2014

Nice star rating with font-awesome.css.

Made with: HTML,CSS

View Code

Stars For Rating

Text Blurring Animation

2.12.2014

Text animates in from being blurred to crisp and out again. Uses CSS3 animations and text-shadow.

Made with: HTML,CSS

View Code

Text Blurring Animation

Right Click Menu Context

1.12.2014

Made with: HTML,CSS,JS

View Code

PlaceholderRight Click Menu Context

Off Canvas Menu

28.11.2014

Little off canvas animated menu in jQuery.

Made with: HTML,CSS (SCSS),JS

View Code

Off Canvas Menu

Smooth Scrolling And Highlight Links

28.11.2014

A little smooth scrolling JS module. Accept GSAP with scrollTo plug or jquery (default : jQuery) You can customize the behavior when scroll occurs ( class attributions, etc ).

Made with: HTML,CSS (Stylus),JS

View Code

Smooth Scrolling And Highlight Links

Some Hr Styles

27.11.2014

Messing around with some horizontal rule styles.

Made with: HTML,CSS (SCSS)

View Code

Some Hr Styles

Isometric Cubes With Html, Css And Svg

26.11.2014

Animated loading indicator with isometric cubes.

Made with: HTML,CSS (SCSS)

View Code

Isometric Cubes With Html, Css And Svg

Hexagon, Octagon, Dodecagon

24.11.2014

Endless animation circular motion loading. Flat design.

Made with: HTML,CSS

View Code

Hexagon, Octagon, Dodecagon

Button Hover Effects

23.11.2014

Just some more button hover effects with jQuery.

Made with: HTML,CSS (SCSS),JS

View Code

Button Hover Effects

Slide-Out Social Buttons

20.11.2014

Experiment with hover states and social buttons.

Made with: HTML,CSS (SCSS)

View Code

Slide-Out Social Buttons

Responsive Organization Flowchart

19.11.2014

A pure HTML/ CSS responsive organization flowchart with departments and sub-sections. Improvements: - media queries are separated in one place only and not all over the CSS (more control on it) - 3 new style of line (a 3 block column line; a 2 block column block line; a single block line) - use SCSS to maange easly varaibles and breakepoint - separated the list of departments from board area (more control and less ul insie ul inside ul inside ul) - 7 column on the department area.

Made with: HTML,CSS (SCSS)

View Code

Responsive Organization Flowchart

Simple Pure Css Dropdown Menu

16.11.2014

Simple, sleek looking dropdown menu effect achieved using pure CSS. Simple functionality, method can be extended to create a secondary dropdown block with few edits.

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

View Code

Simple Pure Css Dropdown Menu

Text-Shadow

13.11.2014

Made with: HTML,CSS

View Code

Text-Shadow

Social Media Icons

13.11.2014

Social media hover icons with pop-up titles.

Made with: HTML,CSS

View Code

Social Media Icons

Gradient Forest On Pure Css

12.11.2014

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

View Code

Gradient Forest On Pure Css

Fixed Hover Navigation

12.11.2014

Fixed sidebar drawer navigation, that expands on hover.

Made with: HTML,CSS (SCSS)

View Code

Fixed Hover Navigation