Uwe Schmelzer uschmelzer
tfausak
/ ios-8-web-app.html
Last active
January 29, 2024 19:50
iOS 8 web app http://taylor.fausak.me/2015/01/27/ios-8-web-apps/
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> | |
| <!-- http://taylor.fausak.me/2015/01/27/ios-8-web-apps/ --> | |
| <html> | |
| <head> | |
| <title>iOS 8 web app</title> | |
| <!-- CONFIGURATION --> |
hatefulcrawdad
/ ie8-grid-foundation-4.css
Last active
May 10, 2024 14:40
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
| /* The Grid ---------------------- */ | |
| .lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; } | |
| .lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } | |
| .lt-ie9 .row.large-collapse .column, | |
| .lt-ie9 .row.large-collapse .columns { padding: 0; } | |
| .lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } | |
| .lt-ie9 .row .row.large-collapse { margin: 0; } | |
| .lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } | |
| .lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; } |
davidtheclark
/ isElementInViewport.js
Created
May 4, 2013 02:00
JavaScript: Is element in viewport?
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
| /* | |
| No jQuery necessary. | |
| Thanks to Dan's StackOverflow answer for this: | |
| http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport | |
| */ | |
| function isElementInViewport(el) { | |
| var rect = el.getBoundingClientRect(); | |
| return ( | |
| rect.top >= 0 && |
coliff
/ Bootstrap 3 - PIE.css
Last active
January 10, 2023 11:56
Bootstrap 3 - PIECSS to quickly add border-radius to IE6,IE7,IE8 with CSS3 PIE (http://css3pie.com/). Be sure to add it as a conditional stylesheet for IE8 and lower.
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
| .img-circle{behavior:url(/scripts/PIE.htc)} | |
| .img-rounded{behavior:url(/scripts/PIE.htc)} | |
| .img-thumbnail{behavior:url(/scripts/PIE.htc)} | |
| .table-bordered{behavior:url(/scripts/PIE.htc)} | |
| select,textarea,input,code,pre,kbd,pre{behavior:url(/scripts/PIE.htc)} | |
| .input-group-addon{behavior:url(/scripts/PIE.htc)} | |
| .btn{behavior:url(/scripts/PIE.htc)} | |
| .dropdown-menu{behavior:url(/scripts/PIE.htc)} | |
| .form-control{behavior:url(/scripts/PIE.htc)} | |
| .panel{behavior:url(/scripts/PIE.htc)} |
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
| <?php | |
| //set up pods::find parameters to limit to 5 items | |
| $param = array( | |
| 'limit' => 5, | |
| ); | |
| //create pods object | |
| $pods = pods('pod_name', $params ); | |
| //check that total values (given limit) returned is greater than zero | |
| if ( $pods->total() > 0 ) { |
eltonmesquita
/ onViewport.js
Last active
November 1, 2020 09:32
A simple jQuery function that adds a class when the target(s) is in the viewport
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
| function onViewport(el, elClass, offset, callback) { | |
| /*** Based on http://ejohn.org/blog/learning-from-twitter/ ***/ | |
| var didScroll = false; | |
| var this_top; | |
| var height; | |
| var top; | |
| if(!offset) { var offset = 0; } | |
| $(window).scroll(function() { |