Tomasz Dziuda dziudek
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * CSS Loader - timer | |
| */ | |
| #loader { | |
| animation-name: timer; | |
| animation-duration: 0.75s; | |
| animation-iteration-count: infinite; | |
| animation-timing-function: linear; | |
| border: 2px solid #aaa; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| jQuery(document).ready(function() { | |
| jQuery('*[placeholder]').each(function(i, el) { | |
| el = jQuery(el); | |
| if(el.val() === '') { | |
| el.val(el.attr('placeholder')); | |
| } | |
| el.focus(function() { | |
| if(el.val() == el.attr('placeholder')) { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * CSS Loader - blocks | |
| */ | |
| #loader { | |
| animation-name: timer; | |
| animation-duration: 0.75s; | |
| animation-iteration-count: infinite; | |
| animation-timing-function: linear; | |
| background: transparent; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * CSS Loader - bordered dot | |
| */ | |
| #loader { | |
| animation-name: timer; | |
| animation-duration: 0.75s; | |
| animation-iteration-count: infinite; | |
| animation-timing-function: linear; | |
| border: 2px solid #aaa; |
dziudek
/ mootools.placeholder.polyfill.js
Created
May 26, 2013 21:45
IE <= 9 placeholder polyfill in MooTools
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| window.addEvent('domready', function() { | |
| document.getElements('*[placeholder]').each(function(el) { | |
| if(el.get('value') === '') { | |
| el.set('value', el.getProperty('placeholder')); | |
| } | |
| el.addEvents({ | |
| 'focus': function() { | |
| if(el.get('value') === el.getProperty('placeholder')) { | |
| el.set('value', ''); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * CSS Loader - bubble | |
| */ | |
| #loader { | |
| animation-duration: .75s; | |
| animation-iteration-count: infinite; | |
| animation-name: loader; | |
| animation-timing-function: linear; | |
| background: #fc9; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * CSS Loader - timer without pulse | |
| */ | |
| #loader { | |
| border: 3px solid #aaa; | |
| border-radius: 50%; | |
| box-sizing: border-box; | |
| height: 48px; | |
| position: relative; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * CSS Loader - timer | |
| */ | |
| #loader { | |
| animation-name: timer; | |
| animation-duration: 0.75s; | |
| animation-iteration-count: infinite; | |
| animation-timing-function: linear; | |
| border: 3px solid #aaa; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * File icon in CSS | |
| */ | |
| .file { | |
| background: #fa8; | |
| border-radius: 10px 40px 10px 10px; | |
| box-shadow: 0 0 20px rgba(0, 0, 0, .4); | |
| height: 200px; | |
| margin: 0 auto; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * File icon in CSS | |
| */ | |
| .file { | |
| background: #fa8; | |
| border-radius: 10px 40px 10px 10px; | |
| box-shadow: 0 0 20px rgba(0, 0, 0, .4); | |
| height: 200px; | |
| margin: 0 auto; |