Berend Frique
This file contains 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
| /* Source: http://css-tricks.com/snippets/sass/maintain-aspect-ratio-mixin/ */ | |
| @mixin aspect-ratio($width, $height) { | |
| position: relative; | |
| &:before { | |
| display: block; | |
| content: ""; | |
| width: 100%; | |
| padding-top: ($height / $width) * 100%; | |
| } |
This file contains 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
| // Tell WP everything is up to date | |
| add_filter( 'pre_site_transient_update_core', 'le_prevent_update_checks' ); | |
| add_filter( 'pre_site_transient_update_plugins', 'le_prevent_update_checks' ); | |
| add_filter( 'pre_site_transient_update_themes', 'le_prevent_update_checks' ); | |
| function le_prevent_update_checks() { | |
| global $wp_version; | |
| return (object) array( | |
| 'last_checked' => time(), |
Frique
/ example_fancybox-gallery.html
Created
October 31, 2015 05:16
Etalage example: fancybox with gallery
This file contains 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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Etalage - Fancybox as a gallery example</title> | |
| <link rel="stylesheet" href="css/etalage.css"> | |
| <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.min.css"> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> | |
| <script src="js/jquery.etalage.min.js"></script> | |
| <script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.min.js"></script> |
This file contains 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
| zoom: 1; | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |
| filter: alpha(opacity=50); | |
| -moz-opacity: 0.5; | |
| -khtml-opacity: 0.5; | |
| opacity: 0.5; |
This file contains 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
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; |
This file contains 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
| border: 20px solid rgba(0,0,0, 0.3); | |
| -moz-background-clip: padding; | |
| -webkit-background-clip: padding; | |
| background-clip: padding-box; |
Frique
/ CSS: Input placeholder styling.css
Last active
December 14, 2015 19:59
CSS: Input placeholder styling
This file contains 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
| ::-webkit-input-placeholder{ | |
| font-style: italic; | |
| } | |
| :-moz-placeholder{ | |
| font-style: italic; | |
| } |
This file contains 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
| -webkit-transition: all 0.4s ease-out; | |
| -moz-transition: all 0.4s ease-out; | |
| -o-transition: all 0.4s ease-out; | |
| -ms-transition: all 0.4s ease-out; | |
| transition: all 0.4s ease-out; |
This file contains 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
| -ms-transform: rotate(-1deg); | |
| -moz-transform: rotate(-1deg); | |
| -webkit-transform: rotate(-1deg); | |
| -o-transform: rotate(-1deg); | |
| transform: rotate(-1deg); |
Frique
/ keep-focus.js
Last active
December 19, 2015 15:38
— forked from drublic/keep-focus.js
This file contains 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
| var tabbableElements = 'a[href], area[href], input:not([disabled]),' + | |
| 'select:not([disabled]), textarea:not([disabled]),' + | |
| 'button:not([disabled]), iframe, object, embed, *[tabindex],' + | |
| '*[contenteditable]'; | |
| function keepFocus($context){ | |
| var $allTabbableElements = $context.find(tabbableElements); | |
| var $firstTabbableElement = $allTabbableElements.first(); | |
| var $lastTabbableElement = $allTabbableElements.last(); | |
| $context.on('keydown', function(event){ |
OlderNewer