Basic Accordion

25.06.2017

Basic accordion in HTML, CSS and JS.

Made with: HTML

View Code

Basic Accordion

Pong

25.06.2017

Made with: HTML,CSS,JS (Babel)

View Code

Pong

Password Strength Validation

24.06.2017

Password strength validation with visibility toggle in jQuery.

Made with: HTML,CSS (Sass),JS

View Code

Password Strength Validation

Unfolding Card

23.06.2017

Unfolding card in jQuery.

Made with: HTML,CSS (SCSS),JS

View Code

Unfolding Card

Pure Css Hover

23.06.2017

Pure CSS hover panels.

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

View Code

Pure Css Hover

Frosted Glass Card Overlay

23.06.2017

Frosted glass effect using CSS3 filter property. The card's title and description slide up on hover, blurring the card's background behind them.

Made with: HTML,CSS (SCSS)

View Code

Frosted Glass Card Overlay

Frosted Glass Card Overlay

23.06.2017

Frosted glass effect using CSS3 filter property. The card's title and description slide up on hover, blurring the card's background behind them.

Made with: HTML,CSS (SCSS)

View Code

Frosted Glass Card Overlay

Summer Css Banner Ad

23.06.2017

Made with: HTML,CSS

View Code

Summer Css Banner Ad

Animated Flat Design Button

23.06.2017

A button that follows the flat design trend but still has some 3D animation on hover.

Made with: HTML,CSS

View Code

Animated Flat Design Button

Strikethrough Hover Effect For Menu

23.06.2017

Hover effect for menu links. Use only one pseudo-element on link.

Made with: HTML,CSS (SCSS)

View Code

Strikethrough Hover Effect For Menu

Menu Animation

22.06.2017

Hamburger menu animation.

Made with: HTML

View Code

Menu Animation

Simple Sliding Menu

22.06.2017

Made with: HTML,CSS,JS

View Code

PlaceholderSimple Sliding Menu

Implementation Of Liquid Button

22.06.2017

Transitioning between On and Off states.

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

View Code

Implementation Of Liquid Button

Element Card Group Element

22.06.2017

Card UI with a simple 3D interaction.

Made with: HTML,CSS (SCSS),JavaScript (Babel)

View Code

Element Card Group Element

No Questions Asked Form & Magic Focus

21.06.2017

Made with: HTML/Haml

View Code

No Questions Asked Form & Magic Focus

Bootstrap Checkbox With Custom Icon

20.06.2017

This is an example showing how to create a custom checkbox using a desired icon to render in the checkbox while checked.

Made with: HTML,CSS (SCSS)

View Code

Bootstrap Checkbox With Custom Icon

Radial/Circular Menu Concept

20.06.2017

Experimenting with radial menus. Inspired by the right-click-to-expand radial menus of Rust. Change the number of menu items in the bottom right to see how it works with a different number of menu items.

Made with: HTML

View Code

Radial/Circular Menu Concept

Image Transition On Scroll(Gsap)

19.06.2017

Transition inspiration from http://www.weareuprising.com/work/4.

Made with: HTML

View Code

Image Transition On Scroll(Gsap)

Css Star Animation For Hero

19.06.2017

Diagonal hero div with CSS star animation background.

Made with: HTML,CSS (SCSS)

View Code

Css Star Animation For Hero

Css Button Click

19.06.2017

Simple click button in HTML and CSS.

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

View Code

Css Button Click