Variable Font Light Sensor

18.05.2019

A variable font example using the ambient light sense to adjust the variation based on the brightness or darkness of the light detected by your device.

Made with: HTML,CSS (SCSS),JS

View Code

Variable Font Light Sensor

Bootstrap Timeline #119

17.05.2019

Made with: HTML,CSS

View Code

Bootstrap Timeline #119

Data Card

17.05.2019

Made with: HTML,CSS

View Code

Data Card

Only Css: Warning

17.05.2019

Stripe background.

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

View Code

Only Css: Warning

Circular Css Loader

17.05.2019

Squeezing out a neat loader animation from under 70 lines of pure CSS.

Made with: HTML,CSS

View Code

Circular Css Loader

Tailwind Css Card

16.05.2019

Made with: HTML,CSS (SCSS)

View Code

Tailwind Css Card

Apple Imessage In Css

16.05.2019

Recreating an iMessage chat with CSS.

Made with: HTML,CSS

View Code

Apple Imessage In Css

Western Electric Big Button Phone

15.05.2019

A recreation of the Western Electric Big Button phone produced in the 1970's. Recreated using flexbox, grid, text-shadows, and text-strokes.

Made with: HTML,CSS (SCSS)

View Code

Western Electric Big Button Phone

Perspective Hover Effect

15.05.2019

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

View Code

Perspective Hover Effect

Gradient Ordered List

15.05.2019

A simple, styled ordered list using SCSS and HTML5. The gradient background transitions from one, to another, and back again. IE11 friendly.

Made with: HTML,CSS (SCSS)

View Code

Gradient Ordered List

Western Electric Big Button Phone

15.05.2019

Made with: HTML,CSS (SCSS)

View Code

Western Electric Big Button Phone

Gradient Ordered List

15.05.2019

A simple, styled ordered list using SCSS and HTML5. The gradient background transitions from one, to another, and back again.

Made with: HTML,CSS (SCSS)

View Code

Gradient Ordered List

Beautiful Testimonial

14.05.2019

Made with: HTML,CSS (SCSS)

View Code

Beautiful Testimonial

Loading Screen

13.05.2019

Awesome loading screen using only HTML & CSS.

Made with: HTML,CSS

View Code

Loading Screen

User Account Menu With Icons

12.05.2019

Made with: HTML,CSS

View Code

User Account Menu With Icons

Jquery Trickshots

12.05.2019

In this book, you will find 100 advanced jQuery techniques that we have developed over the years as JavaScript programmers and authors for Tutorialzine, presented as easy to understand tips. If you are an experienced jQuery developer, or a beginner just starting out with JavaScript, this book is for you. You will learn neat tricks, find out about awesome plugins, and discover how to use (and abuse) our favorite library to your advantage.

Made with: 2013

View Code

Jquery Trickshots

Neon Snake

12.05.2019

Neon snake game built on HTML5 Canvas.

Made with: HTML,CSS (SCSS),JS

View Code

Neon Snake

Apple Commercial Animation

12.05.2019

Recreating the iPad Commercial Animation with CSS.

Made with: HTML,CSS (SCSS)

View Code

Apple Commercial Animation

Simple Spinner

11.05.2019

Simple spinner as background SVG image data URI with style.

Made with: CSS

View Code

Simple Spinner

Pure Css Star Ratings

11.05.2019

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

View Code

Pure Css Star Ratings