Sushi

I can’t believe I forgot to post that I’d made sushi! Really good sushi! I wont explain how to make it. The hardest part was cooking the rice as my mother threw out our rice cooker! You do have to make sure the rice is fairly compacted when you place it on the Nori though!

Popup google map using FancyBox

This is a neat little trick I used when I was working on my final year project.

You will need the latest version of fancybox, my lightbox of choice.

First things first, go to google maps, and find your wanted location. Once you’ve done that, click the little ‘link’ icon in the top right hand corner and copy the iframe code it gives you. Adjusting the width/height as you see fit.

Now create a new html page placing your google map code in the body tag of said page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=london,+uk&amp;aq=&amp;sll=51.519126,-0.107684&amp;sspn=0.008585,0.021071&amp;vpsrc=0&amp;ie=UTF8&amp;hq=&amp;hnear=Westminster,+London,+United+Kingdom&amp;t=m&amp;z=10&amp;ll=51.500152,-0.126236&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co
m/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=london,+uk&amp;aq=&amp;sll=51.519126,-0.107684&amp;sspn=0.008585,0.021071&amp;vpsrc=0&amp;ie=UTF8&amp;hq=&amp;hnear=Westminster,+London,+United+Kingdom&amp;t=m&amp;z=10&amp;ll=51.500152,-0.126236" style="color:#0000FF;text-align:left">View Larger Map</a></small>

</body>
</html>

Now back to your main site include the relevant jquery gubbins at the top of the page:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

Add this jquery to your javascript file, remember to adjust width/height to the same as your google map

$(document).ready(function() {
$("a#popupmap").fancybox({
'frameWidth': 600, 'frameHeight': 500,
});
});

Then link it all together.

<a id="popupmap" href="map.html">View Map</a>

War on my wardrobe

 

One minute I’m reading blogs like WishWishWish thinking “wow I need 8 berets*”  the next I’m reading NubbyTwiglet and thinking that 6 pairs of the same high quality trousers with only well thought out, nice pieces to go with them is a great idea too.

So how do I decide which route to take? I’ve spent the last 3 months working out which clothes I wear on a day to day basis, and which clothes I wear on the weekends. Then when they come back from the cleaning fairy** I hang them up in my wardrobe sorted by style and colour..ish. The result is I now have very few clothes! I wear the same 12 tops every 2 weeks and I have a few spares if i’m really desperate! How do people do it! I dont like having lots of things, but I also don’t like having nothing to wear!

 

 

*I have had the same one for about 7 years

**Being back at home has its perks

 

 

Image originally from Costaliving
Found here.

HTML5 Placeholders for troublesome browsers (ie. IE9)

Edit [30.01.12]: Turns out I got something wrong. I’ve updated the code below to fix this. Note, I’ve only tested this with input and textareas!

I originally found this code here but it didn’t support textareas, so I’ve added that in.

Just add this javascript to your site, and then the following CSS to your stylesheet.

$(function() {
     if(!$.support.placeholder) {
          var active = document.activeElement;
          $('textarea').each(function(index, element) {
           if($(this).val().length == 0) {
               $(this).html($(this).attr('id')).addClass('hasPlaceholder');
               }
        });
          $('input, textarea').focus(function () {
               if ($(this).attr('placeholder') != '' && $(this).val() == $(this).attr('placeholder')) {
                    $(this).val('').removeClass('hasPlaceholder');
               }
          }).blur(function () {
               if (($(this).attr('placeholder') != '' && ($(this).val() == '' || $(this).val() == $(this).attr('placeholder')))) {
                    $(this).val($(this).attr('placeholder')).addClass('hasPlaceholder');
                    //$(this).css('background', 'red');
               }
          });
          $(':text').blur();
          $(active).focus();
          $('form').submit(function () {
               $(this).find('.hasPlaceholder').each(function() { $(this).val(''); });
          });
     }
});

Add to your stylesheet

.hasPlaceholder {
     color: #aaa;
}

O2 thinks its ok to stop you viewing the Internet

So there I am innocently catching up on the nights tweets and I come across this tweet from the blogess. She’s a funny gal so I click through only to be greeted by a this:

20111024-091635 AM.jpg

What the hell! So not only have they introduced a new ‘feature’ but now I have to call customer service (for who knows how long!!) to prove I’m over 18 because I refuse to have a credit card!

I can understand what their trying to do but a better way would have been to actually ask their customers whether they want it and have them opt in not out!! Or say you have 30 days to opt out.

They have been very good with my rants on twitter about this though and i’ll probably be spending my evening on the phone to them anyway But it doesn’t stop me being incredibly irritated about not being able to do what I pay £35 a month to do!!

Parental filters are acceptable if their installed by parents! I don’t want to be told what I can and can’t view. I know exactly what I want to see and most definitely what I don’t want to see!!!

/rant

Edit just tried the online parental filter removing tool thingy. It either doesn’t work or it’s telling me I don’t have it enabled! So confused! O2 shop at lunch time then!