| $colours: | |
| "red" #FF0000, | |
| "blue" #001EFF, | |
| "green" #00FF00, | |
| "yellow" #F6FF00; | |
| @each $i in $colours{ | |
| .#{nth($i, 1)}-background { | |
| background: nth($i, 2); | |
| } |
Drop in replace functions for setTimeout and setInterval that make use of requestAnimationFrame.
See overview article and Paul Irish's earlier post.
Courtesty of Joe Lambert
Copyright 2011, Joe Lambert.
Free to use under the MIT license.
http://www.opensource.org/licenses/mit-license.php
| // XORCipher - Super simple encryption using XOR and Base64 | |
| // | |
| // Depends on [Underscore](http://underscorejs.org/). | |
| // | |
| // As a warning, this is **not** a secure encryption algorythm. It uses a very | |
| // simplistic keystore and will be easy to crack. | |
| // | |
| // The Base64 algorythm is a modification of the one used in phpjs.org | |
| // * http://phpjs.org/functions/base64_encode/ | |
| // * http://phpjs.org/functions/base64_decode/ |
| app.configure(function () { | |
| app.set('views', __dirname + '/views'); | |
| app.set('view engine', 'ejs'); | |
| app.use(express.bodyParser()); | |
| app.use(express.methodOverride()); | |
| app.use(express.cookieParser()); | |
| app.configure('production', function () { | |
| app.use (function (req, res, next) { | |
| var schema = (req.headers['x-forwarded-proto'] || '').toLowerCase(); | |
| if (schema === 'https') { |
| // set-up a connection between the client and the server | |
| var socket = io.connect(); | |
| // let's assume that the client page, once rendered, knows what room it wants to join | |
| var room = "abc123"; | |
| socket.on('connect', function() { | |
| // Connected, let's sign-up for to receive messages for this room | |
| socket.emit('room', room); | |
| }); |
My approach to fix the iOS bug is documented here:
https://github.com/sergiolopes/ios-zoom-bug-fix
Here I present one experiment with a pure CSS solution, no JS required. It uses width=device-width normally (no device-height hacking) and scales down the page on landscape.
Works fine on all iOS versions.
There's only one problem: on old iOS versions (prior to 4.3.5), the page will get a big empty space at bottom, below the content, when on landscape. Recent iOS versions don't show this behavior.
