Input Group

15.08.2019

Input group :focus-within.

Made with: HTML,CSS (SCSS),JS

View Code

Input Group

Navigation & Sub-Navigation

15.08.2019

Made with: HTML,CSS,JS

View Code

Navigation & Sub-Navigation

Navigation & Sub-Navigation

15.08.2019

Made with: HTML,CSS,JS

View Code

Navigation & Sub-Navigation

Article Progress Bar

15.08.2019

Scroll to see article progress bar.

Made with: HTML,CSS (SCSS),JS

View Code

Article Progress Bar

A Clean Responsive Web Design Menu Tutorial With Css, Html And Jquery

14.08.2019

"In this article, we’ll break down Brolik’s new responsive web design menu and explain how the code works line by line."

Made with: HTML

View Code

A Clean Responsive Web Design Menu Tutorial With Css, Html And Jquery

Material Input Text Fields

14.08.2019

Made with: HTML,CSS

View Code

Material Input Text Fields

Simple Css Waves

13.08.2019

Lightweight animation between header & content. Easy to customize and apply to any website! Works with all devices and screen sizes.

Made with: HTML,CSS

View Code

Simple Css Waves

Css Navigation

13.08.2019

Click the toggle to open the menu and see the magic. This experiment relies on the only CSS to style, animate and position elements.

Made with: HTML,CSS (SCSS)

View Code

Css Navigation

Navigation With Sub-Navigation

13.08.2019

Made with: HTML,CSS (SCSS)

View Code

Navigation With Sub-Navigation

Footer Always At The Bottom - Flexbox

13.08.2019

When a web page doesn't have enough content to fit the screen, the footer doesn't stay at the bottom so it ends up looking weird. Solution: Do the layout using flex columns. In addtion to that either, add flex-grow: 1 to the content area, here it is the section. Or add margin-top: auto to the element you you wish for it to always stay at the bottom, here it is footer.

Made with: HTML,CSS

View Code

Footer Always At The Bottom - Flexbox

React Gradient Progress

13.08.2019

Made with:

View Code

React Gradient Progress

Simple Weather App Design

12.08.2019

Made with: HTML (Pug),CSS

View Code

Simple Weather App Design

Staggered Animations

12.08.2019

Made with: HTML,CSS

View Code

Staggered Animations

Css Countdown

11.08.2019

Made with: HTML,CSS (SCSS)

View Code

Css Countdown

Product Grid Style 114

10.08.2019

Made with: HTML,CSS

View Code

Product Grid Style 114

Bootstrap Counter Style 126

10.08.2019

Made with: HTML,CSS,JS

View Code

Bootstrap Counter Style 126

404 Template

10.08.2019

A simple 404 error page template.

Made with: HTML,CSS

View Code

404 Template

Tab Bar Animation

10.08.2019

Simple tab bar animated navigation menu.

Made with: HTML,CSS (SCSS),JS

View Code

Tab Bar Animation

50+ Pure Css3 Preloaders

10.08.2019

Smoother, lightweight, faster and easy to use product.

Made with: HTML,CSS

View Code

50+ Pure Css3 Preloaders

Direct Messaging

9.08.2019

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

View Code

Direct Messaging