Never thought to look at Chrome’s developers extentions. Time to make my life alot easier. These are some of the best i found: WEB DEVELOPER Does pretty much everything, but my favorite thing being able to resize the browser for responsive layouts. So helpful. WHAT FONT Simple way of finding out what font is being used with out source code hunting CHROME SNIFFER Picks up any framework being used, sneaky IMAGE PROPERTIES finds out all the info behind a image; size, location even exif data

Never thought to look at Chrome’s developers extentions. Time to make my life alot easier. These are some of the best i found:

  • WEB DEVELOPER Does pretty much everything, but my favorite thing being able to resize the browser for responsive layouts. So helpful.
  • WHAT FONT Simple way of finding out what font is being used with out source code hunting
  • CHROME SNIFFER Picks up any framework being used, sneaky
  • IMAGE PROPERTIES finds out all the info behind a image; size, location even exif data
15.07.12

Blog On

Like a new years resolution that is given up before febuary this blog has somewhat become out dated. As i have just finished Uni and i am opening a new chapter in my life i thought it would be good to get on the blog-o-sphere and write down what im doing. 

So here we go, lets get a blog on.

15.07.12

ok so linkin park are wack but this was for a tutorial.

still kinda wack tho.

08.02.11

So this was me playing around with actionscript 3.0 and xml. was pretty intense, but luckly i had a this tutorial to see me through. The best thing about this gallery is that as the framework is written in actionsript, but the image locations are outisde and accessed with xml, all you have t do t change images are just rewrite their location in the xml text document, or overwrite them in thier folder location. Baaasssiiiccclllyyy this makes it like 10 times easy to update the images, meaning its more accesible for people who dont understand flash or actionscript (like me atm). But yeah heres my version which is slightly different to the tutorial.

Also check out the http://www.republicofcode.com/ ,all the tutorials on there are nice and clear and if you dont understand something it gives you tips on where to find out more. all you want really.

09.01.11

had a lil play with catalyst over the xmas holidays and here is the fruit of some of those labours. The idea was just a piece of flash manipulation, simple press and animation to show how touch screen interface would work.

see the full thing here.

09.01.11
so heres a round up; if you want to see the standard version of the website click here and if you want to see the mobile version click here Thanks to Simon for his photo and James for the server space and help and to all the bands and DJ’s who keep my ears happy. toodles xx

so heres a round up;

if you want to see the standard version of the website click here

and if you want to see the mobile version click here

Thanks to Simon for his photo and James for the server space and help and to all the bands and DJ’s who keep my ears happy.

toodles xx

07.12.10
so asp? well thats fun i can tell you. Because the javascript redirecting wasnt workin for some reason i decided to ask for some help. luckily i got some from James at KSBH who taught me about ASP and gave me a quick tutorial on how to make it work. I cant take credit for the redirecting coding but i think i understand most of it. basically it is the first page ‘index.asp’ this finds out what browser the viewer is using and redirects them accordingly. this works well but if there are some unknown browsers then it directs you to the mobile site. this isnt two bad though because that has a link to the computer site. this is all very sneaky and is so quick you dont realise it has happened.  when i created the mobile site i made the link to the computer site to ‘index2.html’ this meant that it wont keep redirecting the browser in circles and blow up the internet. all the links on the computer page for the old index page now go to index2 (which looks exactly the same) to stop mobile uses have a run around. clever stuff here. so there. its done. well all apart from maybe some javascript on that portfolio page…. Music to my ears ‘AFI - Black Sails in the Sunset’

so asp? well thats fun i can tell you. Because the javascript redirecting wasnt workin for some reason i decided to ask for some help. luckily i got some from James at KSBH who taught me about ASP and gave me a quick tutorial on how to make it work. I cant take credit for the redirecting coding but i think i understand most of it. basically it is the first page ‘index.asp’ this finds out what browser the viewer is using and redirects them accordingly. this works well but if there are some unknown browsers then it directs you to the mobile site. this isnt two bad though because that has a link to the computer site. this is all very sneaky and is so quick you dont realise it has happened.  when i created the mobile site i made the link to the computer site to ‘index2.html’ this meant that it wont keep redirecting the browser in circles and blow up the internet. all the links on the computer page for the old index page now go to index2 (which looks exactly the same) to stop mobile uses have a run around. clever stuff here.

so there. its done.

well all apart from maybe some javascript on that portfolio page….

Music to my ears ‘AFI - Black Sails in the Sunset’

07.12.10

so yeah the phonesite now fully works you can see it either on your iPhone or computer at www.tiny23.co.uk/mobile.html . to make the thing scroll properly i just took away the container height. easy peasy. another cool little thing (which i love) is to make a custom icon if you bookmark the page to your homescreen instead of just a screen shot. this is done by just making a 57*57px png named apple-touch-icon.png and putting it in the root folder. i made mine an elephant of corse. seeing it there is probably been the most satistying thing.

now for the hard part. redirecting phones to the mobile website.

Music provided by ‘Bad Religion’

07.12.10

well well arnt i clever, well no actually. although these pages did work when viewed on the internet from my iphone i couldnt scroll down :( i am however happy with the layout. mostly using recycled stuff from the computer site. the logo up top returns you to the start page, i done this to reduce the amount of buttons. the portfolio page when you click on the images makes them load into a newpage (kinda) so you can save them or zoom or what ever. the only problem is that when it opens it it doesnt automatically zoom. maybe its time for some javascript. maybe. first things first lets get the scrolling working. i wont use the java scroll for this site as i think that will ruin the smoothness of the iphone interaction.

listening to ‘warp 100 - we are warp’ 

07.12.10
okay so this is actually MKII version of the mobile site. i was so excited by it i forgot to save some development pics. but yeah its viewed vertical (as the main site kinda worked well horizontal) because it will be easy to navigate. i think. it also means when the iphone is horizontal everything will be zoomed in, so you can look at things in more detail. this is the plan anyway. so basiclly it was made in the same way the computer site was, using CSS and setting a container to 320*440 as this is iphone screen size. the res was still 72 as its still the interwebs.  the logo and headings fitted in quite well, i made them large so theey are easy to click on as there is nothing worse than having to zoom to click a link. i made them thumbsized :) which is actually the same pixel size they were on the computer site. i added the view standard site at th bottom as there is nothing more annoying than being forced to see a website when you want to see another. an intresting bit of script i came across was <meta name=”viewport” content=”width=320” /> this made the iPhone zoom in automatically to the correct size. this was added in the head tags. very clever. the code to make the phone automatically redirect on the other hand is more confusin so ill have to look more into that. music ‘Against Me - Searching for a Former Clarity’

okay so this is actually MKII version of the mobile site. i was so excited by it i forgot to save some development pics. but yeah its viewed vertical (as the main site kinda worked well horizontal) because it will be easy to navigate. i think. it also means when the iphone is horizontal everything will be zoomed in, so you can look at things in more detail. this is the plan anyway.

so basiclly it was made in the same way the computer site was, using CSS and setting a container to 320*440 as this is iphone screen size. the res was still 72 as its still the interwebs.  the logo and headings fitted in quite well, i made them large so theey are easy to click on as there is nothing worse than having to zoom to click a link. i made them thumbsized :) which is actually the same pixel size they were on the computer site. i added the view standard site at th bottom as there is nothing more annoying than being forced to see a website when you want to see another.

an intresting bit of script i came across was

<meta name=”viewport” content=”width=320” />

this made the iPhone zoom in automatically to the correct size. this was added in the head tags. very clever. the code to make the phone automatically redirect on the other hand is more confusin so ill have to look more into that.

music ‘Against Me - Searching for a Former Clarity’

07.12.10
so ive found out many things doing research into making a portfolio website on for an iPhone. lots of people are starting to do it and there seem to be two types. one is the html route but without the use of flash they are just simplified versions of the page.  the other is a more &#8216;app&#8217; style. that style does look good but is harder to make. so for my first site i shall be making it out of html. mayb some javascript if all goes well. this website has been amazing (http://danidraws.com/2009/05/09/how-to-make-your-portfolio-iphone-compatible/) from his instructions im going to see if i can make mine work. Radio fun from JC at his weekly set from ride http://eatmusic.co.uk/listen.pls

so ive found out many things doing research into making a portfolio website on for an iPhone. lots of people are starting to do it and there seem to be two types. one is the html route but without the use of flash they are just simplified versions of the page.  the other is a more ‘app’ style. that style does look good but is harder to make. so for my first site i shall be making it out of html. mayb some javascript if all goes well.

this website has been amazing (http://danidraws.com/2009/05/09/how-to-make-your-portfolio-iphone-compatible/) from his instructions im going to see if i can make mine work.

Radio fun from JC at his weekly set from ride http://eatmusic.co.uk/listen.pls

07.12.10
so i got myself an iPhone. it may only be a 2g but still I GOT AN iPHONE! so this mean that i thought its time to check out my tiny23 site on it. and well, it did work, just. i built the site using no flash because i knew the iPhone had no flash support. what i was surprised about is that the javascript worked fine. even the light box and scrollbar-ish. the lightbox took a while to load, but at least this did mean you could see my specially made loading gif but the scroll was very jumpy. also the site only really viewable on its side. if you zoomed in. although from the shape it was it fitted kind of ok but wasnt perfect. so yes ive decieded its time to make a mobile version of my website. wish me luck. I cant believe i really enjoyed lizes recommendation of &#8216;Of Montreal - Hissing Fauna, Are You the Destroyer?&#8217;

so i got myself an iPhone. it may only be a 2g but still I GOT AN iPHONE! so this mean that i thought its time to check out my tiny23 site on it. and well, it did work, just. i built the site using no flash because i knew the iPhone had no flash support. what i was surprised about is that the javascript worked fine. even the light box and scrollbar-ish. the lightbox took a while to load, but at least this did mean you could see my specially made loading gif but the scroll was very jumpy. also the site only really viewable on its side. if you zoomed in. although from the shape it was it fitted kind of ok but wasnt perfect. so yes ive decieded its time to make a mobile version of my website. wish me luck.

I cant believe i really enjoyed lizes recommendation of ‘Of Montreal - Hissing Fauna, Are You the Destroyer?’

07.12.10
WOOP WOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOP

WOOP WOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOP

07.12.10
so now im live. scary stuff. click to have a look.
07.12.10
well now the website was finished in dreaweaver it was time to upload onto the old world wide web. Luckily KSBH offered me some space on their server as i had done a bit of work for them on the cheap. one thing that made the whole process alot quicker was uploading it in a .zip file and unzipping it there. this not only made it quicker to upload but also kept all the files in the right place. by doing it like this i havent (come across) any broken links or misplaced images. also intresting things to notice is that, its 3.05 in the morning and facebook is still the first page in my browser. its not as tho i was up till 6 playing about with little pointless things on it :) Pretty much every song by &#8216;Queens of the Stoneage&#8217;

well now the website was finished in dreaweaver it was time to upload onto the old world wide web. Luckily KSBH offered me some space on their server as i had done a bit of work for them on the cheap. one thing that made the whole process alot quicker was uploading it in a .zip file and unzipping it there. this not only made it quicker to upload but also kept all the files in the right place. by doing it like this i havent (come across) any broken links or misplaced images.

also intresting things to notice is that, its 3.05 in the morning and facebook is still the first page in my browser. its not as tho i was up till 6 playing about with little pointless things on it :)

Pretty much every song by ‘Queens of the Stoneage’

07.12.10