How's public fiddles
-
Angular JS and Material Design Lite
Toggle classes and DOM elements through click event.
-
f7y9d617
No-Library (pure JS), HTML, CSS, JavaScript
-
Viewport dimensions
A way to get viewport dimensions using Javascript
-
7Lom5tn2
jQuery 1.11.0, HTML, CSS, JavaScript
-
zct0doxt
jQuery 1.11.0, HTML, CSS, JavaScript
-
Image slideshow with CSS3 animation
I've used a static background image (an iMac mockup) to reduce size of transferred images. I've tried to use a calc function css with counter in css to create something like for operator in :nth-child(), but this does not work at the moment. Exam: :nth-child(counter(x)) { animation-delay: calc(counter(x) * 6s); }
-
DOM follow a mouse with jQuery
A DOM (image, paragraph, list and et cetera) object that follow the mouse when she passed through other DOM element.
-
rq1jr5zz
jQuery 1.11.0, HTML, CSS, JavaScript
-
CSS Loader
Simple loading animation using CSS @keyframes
-
Multiple Marks in Google Maps
Creating a multiple marks by some virtual region in Google Maps
-
Using address in Google Maps
Using real address instead of coordinates in Google maps API.
-
RaLCr
jQuery 1.9.1, HTML, CSS, JavaScript
-
The Power of Prototyping
No-Library (pure JS), HTML, CSS, JavaScript
-
JavaScript Image Preloader
A simple, but powerful, javascript method to preload images.
-
OOP Event Observer Pattern for eCommerce
A way to subscriber for events when products add or remove from basket.
-
Event Observer Pattern for eCommerce
A way to subscriber for events when products add or remove from basket.
-
Table of Contents with CSS
Generate table of contnts from Headers.
-
VCVrQ
jQuery 1.9.1, HTML, CSS, JavaScript
-
Responsive Navigation with OnePage Design Layout
You can control scroll through css media queries. The Javascript is used only to visualize some of the sliding effects on IE < 10 - graceful degradation for IE.
-
Responsive one page layout with simple navigation.
Responsive one page layout with simple navigation and jQuery support for older IE browsers. When you look on it over touch enable devices, the scroll effect transform to fade.