MISC SNIPPETS

Stuff that might be useful to your life?

Fibonnaci Sequence -- basis for font sizes

1 2 3 5 8 13 21 34 55 89 144

MOBILE CODE SNIPPETS

iPhone/iPod Touch/iPad Home screen Icon

57x57 PNG Image

%link{:rel => 'apple-touch-icon', :href => '/'}

Act like a web app (no back button)

%meta{:name => 'apple-mobile-web-app-capable', :content => 'yes'}

Useful Media Queries

General Mobile Devices / Small Screen Size

@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)

iPhone + iPod Touch Only

@media only screen and (max-device-width: 480px)

iPad Only

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)

iOS 4 Devices Only

@media only screen and (-webkit-min-device-pixel-radio: 2)

Orientations

@media only screen and (orientation: portrait)
@media only screen and (orientation: landscape)