Order Summary

12.03.2019

Music subscription checkout card.

Made with: HTML,CSS

View Code

Order Summary

Cards

12.03.2019

Variation of cards in HTML and CSS.

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

View Code

Cards

A Tribute To Mary Blair

12.03.2019

Made with: HTML,CSS

View Code

A Tribute To Mary Blair

Flippin' Juicy Burgers

11.03.2019

Made with: HTML,CSS

View Code

Flippin' Juicy Burgers

Pagination / Pager

11.03.2019

Responsive pagination/pager in HTML and CSS. Resize your browser to show interesting effect.

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

View Code

Pagination / Pager

Carousel Youtube Music

11.03.2019

Made with: HTML,CSS,JS

View Code

PlaceholderCarousel Youtube Music

Svg Animation

11.03.2019

Some SVG animation & keyframes.

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

View Code

Svg Animation

Using Locally Scoped Custom Properties

11.03.2019

By using locally scopped properties, we can easily style individual components. The title here has a class of .title, as do the h2 for each of the following sections. Because I'm using locally scoped properties to style them, I don't even need to select them, I only have to select the parent and change the value of the property. There is no need to define them in the global scope, as they aren't global properties. For example, the --button-scale has no need to be defined globally, as it's only used within my buttons. Working like this can help keep things nice and organized, yet very easy to make changes without getting into specificity wars or the need to go wild with extra classes to make minor modifications.

Made with: HTML,CSS

View Code

Using Locally Scoped Custom Properties

Simple Card Alerts

10.03.2019

Made with: HTML,CSS

View Code

Simple Card Alerts

Css Folding Menu

10.03.2019

A simple yet beautiful folding menu made in CSS.

Made with: HTML,CSS

View Code

Css Folding Menu

Magazine Grid Layout

10.03.2019

Playing with CSS Grid & CSS Columns & CSS Shape Outside properties.

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

View Code

Magazine Grid Layout

Create A Html 5 And Css 3 Mobile Navigation Bar

9.03.2019

"Responsive and mobile friendly menus are a must in web design nowadays. This tutorial will take you through exactly how to create one."

Made with: HTML

View Code

Create A Html 5 And Css 3 Mobile Navigation Bar

Flight Ticket

9.03.2019

Made with: HTML,CSS (SCSS)

View Code

Flight Ticket

Card Animation

9.03.2019

Animated card with header and subheader in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Card Animation

Pure Css Dark Mode Toggle Switcher

9.03.2019

Made with: HTML,CSS

View Code

Pure Css Dark Mode Toggle Switcher

Animated Slider

8.03.2019

Made with: HTML,CSS,JS

View Code

Animated Slider

Luminance Edge

8.03.2019

Image with luminance edges in HTML, CSS and SVG.

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

View Code

Luminance Edge

3D Cutout Card

8.03.2019

Pure CSS 3D cutout card.

Made with: HTML,CSS

View Code

3D Cutout Card

Bootstrap Login Form Style #49

7.03.2019

Made with: HTML,CSS

View Code

Bootstrap Login Form Style #49