tiny

Never thought to look at Chrome’s developers extentions....

Sun, 15 Jul 2012 23:17:20 +0100

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

Blog On

Sun, 15 Jul 2012 22:52:07 +0100

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.

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

Tue, 08 Feb 2011 15:14:00 +0000

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

still kinda wack tho.

So this was me playing around with actionscript 3.0 and xml. was...

Sun, 09 Jan 2011 23:51:36 +0000

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.

had a lil play with catalyst over the xmas holidays and here is...

Sun, 09 Jan 2011 23:17:52 +0000

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.

so heres a round up; if you want to see the standard version of...

Tue, 07 Dec 2010 04:54:39 +0000

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 asp? well thats fun i can tell you. Because the javascript...

Tue, 07 Dec 2010 04:46:58 +0000

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 yeah the phonesite now fully works you can see it either on...

Tue, 07 Dec 2010 04:30:00 +0000

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’

well well arnt i clever, well no actually. although these pages...

Tue, 07 Dec 2010 04:16:33 +0000

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’

okay so this is actually MKII version of the mobile site. i was...

Tue, 07 Dec 2010 04:04:00 +0000

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

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’

so ive found out many things doing research into making a...

Tue, 07 Dec 2010 03:48:00 +0000

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

so i got myself an iPhone. it may only be a 2g but still I GOT...

Tue, 07 Dec 2010 03:38:00 +0000

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?’

WOOP WOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOP

Tue, 07 Dec 2010 03:26:45 +0000

WOOP WOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOP

so now im live. scary stuff. click to have a look.

Tue, 07 Dec 2010 03:22:00 +0000

so now im live. scary stuff. click to have a look.

well now the website was finished in dreaweaver it was time to...

Tue, 07 Dec 2010 03:19:00 +0000

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’

a couple of things which were quite interesting in the main css...

Tue, 07 Dec 2010 03:13:00 +0000

a couple of things which were quite interesting in the main css for the site was changing things like the colour of hyperlinks. Simple but got rid of the cheesy blue underline. another was setting the all the font standards in the body tag so all the pages looked the same. setting the absolute positions for stuff was also fun (the most frustrating thing ever) especially when playing with z-indexs to overlap. most of this information was found from various online tutorials and loads of google input.

Music from ‘Passion Pit - Chunk of Change’

also after MANY, and i mean loads of changes, ive got a scroll...

Tue, 07 Dec 2010 03:03:00 +0000

also after MANY, and i mean loads of changes, ive got a scroll bar i like. its simple to suit the rest of the page. i ended up striping down the css and javascript for it as it just wasn’t needed. things for the horizontal bar for instance. also i got rid of the bottom and top arrows as i didn’t think it suited the style. the scroll bar still becomes the right size by itself by repeating the image and i changed th padding slightly so the thumb wasn’t hidden under the y of tiny.

Sweet melodys from ‘Ahu’

the portfolio page. surprisingly not as much effort as some of...

Tue, 07 Dec 2010 02:54:00 +0000

the portfolio page. surprisingly not as much effort as some of the other pages for layout, the 3*3 style was easily done, although i did cheat using the image spacers by just using a 1px*1px blue square and changing its size in the html to space the images out. as its such a small image it loads quick and is not noticeable as an image. sneaky sneaky. another thing i done was make a roll over for the images to give a brief description. this is quite a nice effect and the coding fitted in nicely with the lightbox coding. this did mean how ever that the coding for one image became really long, but it all made sense and was easily modified. i did also have the images on a lower opacity using clever css but it looked weird with the blue background. the finished code for one image looked like this;

pretty epic for such a small pic but its all needed. all the roll overs are also preloaded to make it all run smooooooth.

Couldn’t of done this without hours and hours of ‘65 days of Static’

i made the email (and phone number) pop up like this as if its...

Tue, 07 Dec 2010 02:41:01 +0000

i made the email (and phone number) pop up like this as if its just a mailto: link it brings up the outlook or some rubbish program no one ever uses. and as i still wanted it hidden i thought the pop up was the best idea.

this page has been so much effort i kinda gave up on making it...

Tue, 07 Dec 2010 02:37:00 +0000

this page has been so much effort i kinda gave up on making it look right. which is how i came up with the idea of just the two icons. simple and useful. i decided not to put my facebook on there as that would only lead to losing jobs not gaining them i would imagine. the elephant is there to help fill the space. and i like elephants. its my site ill do what i want.

Music from the sound track to ‘Where the Wild Things Are’ by ‘Karen O and the Kids’