Variable Font Light Sensor
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
Circular Css Loader
Squeezing out a neat loader animation from under 70 lines of pure CSS.
Made with: HTML,CSS
Western Electric Big Button Phone
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)
Gradient Ordered List
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)
Gradient Ordered List
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)
Jquery Trickshots
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
Apple Commercial Animation
Recreating the iPad Commercial Animation with CSS.
Made with: HTML,CSS (SCSS)
Simple Spinner
Simple spinner as background SVG image data URI with style.
Made with: CSS