Sudoku

29.12.2015

Made with: HTML,CSS,JS

View Code

Sudoku

Svg Play Button

26.12.2015

Simple play button SVG animation.

Made with: HTML,CSS (SCSS)

View Code

Svg Play Button

Animated Svg Filter Fx

24.12.2015

Made with: HTML,CSS,JS

View Code

Animated Svg Filter Fx

Tree Diagram

22.12.2015

Made with: HTML,CSS (SCSS)

View Code

Tree Diagram

Css Typing Animation

21.12.2015

Typing animation with CSS.

Made with: HTML,CSS (SCSS)

View Code

Css Typing Animation

Reverse Clip-Path With Blend-Modes

21.12.2015

Made with: HTML,CSS (SCSS)

View Code

Reverse Clip-Path With Blend-Modes

Pure Css Accordion

21.12.2015

Version 2.0: Redesigned with SCSS and smooth animation. Added a tab "close" in "open one" option to close other tab. Acordeon made with just CSS. Based on checkbox input + label trick to active tabs.

Made with: HTML,CSS (SCSS)

View Code

Pure Css Accordion

Liquid Loader

18.12.2015

Made with: HTML,CSS

View Code

Liquid Loader

Pure Css Speech And Thought Bubbles

17.12.2015

Pure CSS thought and speech bubbles that grow to fit the text.

Made with: HTML,CSS (Less)

View Code

Pure Css Speech And Thought Bubbles

Tic-Tac-Toe

16.12.2015

Made with: HTML,CSS,JS

View Code

Tic-Tac-Toe

Javascript Music Player With Hidden Controls

16.12.2015

Hover/Click on album cover to show controls.

Made with: HTML,CSS (SCSS),JS

View Code

Javascript Music Player With Hidden Controls

Styled Select Options

14.12.2015

Styled select options using CSS3 and Flexbox.

Made with: HTML,CSS

View Code

Styled Select Options

Ripple Effect

13.12.2015

Made with: HTML,CSS (SCSS)

View Code

Ripple Effect

Blur Buttons

13.12.2015

Buttons blur on or un-blur on hover.

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

View Code

Blur Buttons

Jelly Effect In Card On Hover

12.12.2015

Jelly effect in card on hover in HTML and CSS.

Made with: HTML,CSS

View Code

Jelly Effect In Card On Hover

Alternating Blockquotes

11.12.2015

Made with: HTML,CSS

View Code

Alternating Blockquotes

Flexbox Card Grid

11.12.2015

Quick prototype of equal height cards using Flexbox grid layout. Also demonstrates the use of CSS aspect ratios (check out the images) and CSS filters.

Made with: HTML,CSS (Less)

View Code

Flexbox Card Grid

Bootstrap Note Cards

10.12.2015

Made with: HTML,CSS

View Code

Bootstrap Note Cards

React: Tabs

10.12.2015

Simple tabs in React.

Made with: HTML,CSS,JS (Babel)

View Code

React: Tabs

Tic-Tac-Toe In Javascript

7.12.2015

A simple Tic-tac-toe game in JavaScript.

Made with: HTML,CSS,JS

View Code

Tic-Tac-Toe In Javascript