Bigberry Digital Tech Blog

[bigberrydigitaltechblog]

Brand footprint

[bigberrydigitaltechblog]

RBS Internal sites

[bigberrydigitaltechblog]

Nestle interactive

[bigberrydigitaltechblog]

Kantar Pulse integration with VigiGlobe

[bigberrydigitaltechblog]

Kantar website

[bigberrydigitaltechblog]

Detecting iPad Orientation in Safari using JavaScript

I stumbled on that by accident. One of my javascript-variables was called orientation and was not correctly used on the iPad’s Safari. After looking at its content, I found out that you can detect the...

You can use javascript in an event handler, loop, or whatever by accessingwindow.orientation (or only orientation).

Here’s an example on how to detect the current orientation of the iPad device either by pressing a button or when the orientation changes, using an event called onOrientationChange:

<button onclick="detectIPadOrientation();">What's my Orientation?</button> <script type="text/javascript"> window.onorientationchange = detectIPadOrientation; function detectIPadOrientation () { if ( orientation == 0 ) { alert ('Portrait Mode, Home Button bottom'); } else if ( orientation == 90 ) { alert ('Landscape Mode, Home Button right'); } else if ( orientation == -90 ) { alert ('Landscape Mode, Home Button left'); } else if ( orientation == 180 ) { alert ('Portrait Mode, Home Button top'); } } </script>

You can also use CSS Stylesheets using the media definition:

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"> <link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">

[bigberrydigitaltechblog]

Retina friendly images

Most web designers and developers out there still produce low-resolution content for the web – which is a bad thing, because retina actually matters. This article helps you to improve your web content by optimizing for retina.

[bigberrydigitaltechblog]

[bigberrydigitaltechblog]

[bigberrydigitaltechblog]

Jquery: Real-time window size results

function jqUpdateSize(){ // Get the dimensions of the viewport var width = $(window).width(); var height = $(window).height(); $('#jqWidth').html(width); // Display the width $('#jqHeight').html(height); // Display the height }; $(document).ready(jqUpdateSize); // When the page first loads $(window).resize(jqUpdateSize);

[bigberrydigitaltechblog]

Ever wondered how to style checkboxes and radio buttons, but without JavaScript? Thanks to CSS3 you can! Step 1: Understanding the

[bigberrydigitaltechblog]

came in handy the other day

[bigberrydigitaltechblog]

CSS: Sticky headers with webkit

How to replicate the facebook home page sticky navigation bar

https://www.facebook.com/home

How to:

http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit

[bigberrydigitaltechblog]

Great vid of installing Compass to automate your SASS builds in VS

Also download 

http://www.mindscapehq.com/products/web-workbench

[bigberrydigitaltechblog]

[bigberrydigitaltechblog]

When changing tables in SQL Server Management Studio 2008 you may get the following error: Saving changes is not permitted. The changes you have made require the following tables to be dropped and re-created. I was surprised when I saw this message first but there is very simple solution.

From top menu select Tools and then Options. Select Designer and Table and Database Designers.

[bigberrydigitaltechblog]

MvcMailMessage could not be found

I just tried to install MVCMailer and ScaffR.MvcMailer but kept getting an error

MvcMailMessage could not be found missing type or directive

I was installing it through Manage NuGet Packages in visual studio. Turns out this is not the latest version. So instead, type this into the package manager console and you'll be fine!

PM> install-package MvcMailer

Scaffold Mailer.Razor UserMailer Welcome,PasswordReset