| #Model | |
| @user.should have(1).error_on(:username) # Checks whether there is an error in username | |
| @user.errors[:username].should include("can't be blank") # check for the error message | |
| #Rendering | |
| response.should render_template(:index) | |
| #Redirecting | |
| response.should redirect_to(movies_path) |
| /*! | |
| An experiment in getting accurate visible viewport dimensions across devices | |
| (c) 2012 Scott Jehl. | |
| MIT/GPLv2 Licence | |
| */ | |
| function viewportSize(){ | |
| var test = document.createElement( "div" ); | |
| test.style.cssText = "position: fixed;top: 0;left: 0;bottom: 0;right: 0;"; |
| <script> | |
| // Break out of an iframe, if someone shoves your site | |
| // into one of those silly top-bar URL shortener things. | |
| // | |
| // Passing `this` and re-aliasing as `window` ensures | |
| // that the window object hasn't been overwritten. | |
| // | |
| // Example: | |
| // var window = 'haha, punked!'; |
| /* | |
| An attempt at fixing the dreaded iOS orientationchange zoom bug http://adactio.com/journal/5088/. Seems to work! | |
| Authored by @scottjehl | |
| MIT License. | |
| */ | |
| (function(w){ | |
| var doc = w.document; | |
| if( !doc.querySelectorAll ){ return; } |
| // How I would approach a fluid grid: | |
| // | |
| // [1] Let the name reflect the % width, | |
| // eliminating "1 of 12" guesswork. | |
| // | |
| // [2] Also, put 10px of padding to either | |
| // side, to stack and make a 20px gutter. | |
| // | |
| // [3] Make the box-sizing = border-box, so that | |
| // 50% + 20px total side padding = 50%, etc. |
| innerWidth / innerHeight tests @ http://sandbox.thewikies.com/orientation/ | |
| -------------------------------------------------------------------------------- | |
| Tested (14 devices, 28 browsers): | |
| Droid 2 Global Android 2.2 | |
| iPhone 4 iOS5 (Safari, Opera Mini) | |
| Motorola Atrix Android 2.3.4 (Stock browser, Dolphin, Skyfire, Opera Mini, Firefox) | |
| Samsung Galaxy S9000 Android 2.3 (Webkit, Opera Mobile) | |
| Samsung Galaxy Y Android 2.3.5 |
| DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE | |
| Version 2, December 2004 | |
| Copyright (C) 2011 @louis_remi <http://louisremi.com> | |
| Everyone is permitted to copy and distribute verbatim or modified | |
| copies of this license document, and changing it is allowed as long | |
| as the name is changed. | |
| DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>Kill Inline Events</title> | |
| <style> | |
| * { | |
| font-family: sans-serif; | |
| line-height: 1.5; |
There seems to be a difference between longhand properties (e.g. background-color) and shorthand properties (e.g. background). Some CSS hacks only work for one or the other. I’ve updated my test case to test these separately, and there are some interesting results.
The following hacks target IE8 but not IE9:
longhandproperty: \0value\0;longhandproperty: \0value;In practice, you might use these like so:
background-color: \0red\0;
| # Want to show hidden files and folders in your TextMate project drawer? Simple, just modify the file and folder patterns in TextMate's preferences. | |
| # Instructions: | |
| # Go to TextMate > Preferences... | |
| # Click Advanced | |
| # Select Folder References | |
| # Replace the following: | |
| # File Pattern |