Changes..

Well its been a long time since I updated this blog.. wow.
I’ve been working pretty hard on a project for my Web Development Class, its pretty much our last project of the year, and its the big one.

I’ve done some small un-noticable modifications to this site, and I’ve removed the portfolio page because my new portfolio is now found at http://www.alistair.co.nz/

I’ve got some stuff I want to post here, possibly a weekly post coming up on the same topic, now I’ve got to get back to what I was doing, Payment Gateways For teh lozz.

Stuff Is Messed Up

Ok. I’m hella hella busy at the moment.

• trying to launch my new portfolio site asap – http://www.alistair.co.nz
• trying to sort out my life, and fix up all the messed up school work from the entire year, theres a fair bit here that doesnt work correctly, or hasnt been submitted. Its really worrying me but meh.
• I have to get started on this website for geekstore.co.nz very soon. like this week, wednesday at the latest. luckily alot of my code is pre-written so this shouldnt be very hard to do.

there, thats whats crackin with me. problems everywhere. gota jet cos I gota get these sorted.

ZOMG! jQuery!

ZOMG I figured out some jQuery today.. so stoked, used to look sooo very very wierd to me. glad I worked it out when I did actually. Its not hard to learn, its just got wierd syntax which makes life a little bit difficult, I mean using the $ instead of jQuery, getElementbyId AND getElementbyClass was a bit difficult to grasp.

Oh well, its working now. and I fucking love it!

The jQuery

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

 
$(document).ready(function() {
 
	$('content').ready(function() {
		if($.browser.mozilla && $.browser.version.substr(0,3) == "1.9") {
			$('#content').toggleClass('mozillaborder');
				$('#leftCorner').css('display', 'none');
					$('#contentSpacer').css('display', 'none');
						$('#rightCorner').css('display', 'none');
		}
	});
 
	$('content').ready(function() {
		if($.browser.safari && $.browser.version.substr(0,3) == "53") {
			$('#content').toggleClass('webkitborder');
				$('#leftCorner').css('display', 'none');
					$('#contentSpacer').css('display', 'none');
						$('#rightCorner').css('display', 'none');
		}
	});
 
});

The CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

 
.mozillaborder {
 
	-moz-border-radius-topleft:30px;
	-moz-border-radius-topright:30px;
	padding-top:15px!important;
 
}
 
.webkitborder {
 
	-webkit-border-top-left-radius:30px;
	-webkit-border-top-right-radius:30px;
	padding-top:15px!important;
 
}

Basically.. it replaces my corner images with the new -moz-border-radius attribute on my website when shown in mozilla, I will do this again for safari(and chrome when supported by jQuery.browser)

More to the point, I got something done in jQuery, I honestly struggled through javascript this year, it hasnt been my forte, but PHP has been so much fun!

Anyway, That is all.
Chur, Killa

EDIT – it now works for safari too!, Can’t wait til the other browsers support this and I can add more jQuery!

EDIT 2 – it works in chrome now. By removing the 1 and switching the safari substr() to 0,2 it means it works with 530.0->539.9 of webkit, then I’ll look for another work around.

Easy Twitter/Website Integration!

Below is an extremely simple piece of code to bring in up to 5 twitter “tweets”, each styled by a div class called ‘tweet’.
(more…)