Cool Checkbox With Svg

18.02.2018

A custom checkbox that makes use of SVG to animate the tick inside of it.

Made with: HTML/Pug

View Code

Cool Checkbox With Svg

Vue Progress Scroll

18.02.2018

Made with:

View Code

Vue Progress Scroll

Responsive Sidebar/Navbar

17.02.2018

Vertical/Horizontal responsive sidebar/navbar.

Made with: HTML,CSS

View Code

Responsive Sidebar/Navbar

Blockquote, Flexbox, Rgba, Before Content

16.02.2018

Experimenting with various CSS techniques to help beginners experiment with positioning, colors, transparency, and Flexbox.

Made with: HTML,CSS

View Code

Blockquote, Flexbox, Rgba, Before Content

Dynamic Newspaper W/Css Grid

16.02.2018

Automatically loads latest stories on refresh. Layout is done with CSS Grid. Built with HTML5, CSS3, JavaScript, jQuery and the News API.

Made with: HTML

View Code

Dynamic Newspaper W/Css Grid

Groovy Css Effect

15.02.2018

1960's font effect using CSS text-shadow property along with SASS function and mixins to keep code DRY.

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

View Code

Groovy Css Effect

Hover Buttons

15.02.2018

Experimenting with the CSS mix-blend-mode property.

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

View Code

Hover Buttons

Sticky Navigation Menu With Smooth Scrolling

15.02.2018

It's basically a template with couple of features like that are invoked on scroll - Shrink Header, addition of drop shadow. Other than that smooth scroll feature is also added to logo(scroll top top) and smooth scroll to section on clicking menu item.

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

View Code

Sticky Navigation Menu With Smooth Scrolling

Flyout Tooltip

15.02.2018

Simple CSS only flyout tooltip.

Made with: HTML,CSS (SCSS)

View Code

Flyout Tooltip

Css Toggle Switch

15.02.2018

CSS soft toggle switch.

Made with: HTML

View Code

Css Toggle Switch

Toggle Function & Smooth Scroll Pure Html & Css

14.02.2018

Grid layout + details & summary + scroll-behavior. All in pure CSS3.

Made with: HTML,CSS

View Code

Toggle Function & Smooth Scroll Pure Html & Css

Pricing Table Ui

14.02.2018

Simple pricing table.

Made with: HTML

View Code

Pricing Table Ui

Masking Path Animation

14.02.2018

Made with: HTML,CSS

View Code

Masking Path Animation

Magic Burrito

13.02.2018

Loading burrito...

Made with: HTML,CSS (SCSS)

View Code

Magic Burrito

The Social Drawer

13.02.2018

Just another drawer for your social links.

Made with: HTML,CSS (SCSS)

View Code

The Social Drawer

Emoji Checkbox

13.02.2018

Pure CSS emoji checkbox.

Made with: HTML

View Code

Emoji Checkbox

Snake Highlight

12.02.2018

Slithering highlight in login form.

Made with: HTML

View Code

Snake Highlight

Snake Highlight

12.02.2018

Slithering highlight in login form with anime.js.

Made with: HTML,CSS,JavaScript

View Code

Snake Highlight

Bootstrap Profile Header Card

11.02.2018

Made with: HTML,CSS

View Code

Bootstrap Profile Header Card

Letters Effect

11.02.2018

Letters effect on scroll.

Made with: HTML

View Code

Letters Effect