Chob

The alignment of blocks with different heights within a grid using jQuery

chop — Sat, 17 Mar 2012 22:33:34 +0000

Yesterday while working on a current job, I came across a simple layout that couldn’t simply be done using CSS. Its been see around a lot lately and is common for mobile devices. I had a ‘news feed’ which I wanted to be displayed in a grid, however due to the fact they would have alternate heights, simply using css float or inline-block would result in vertical uneven spaces.

To solve this I used jQuery to rewrite the html onload and onresize. One of the concerns was the items also needed to display left to right then onto the next line, NOT top to bottom then next coloumn.

The main function determines the number of columns available in the given space, then adds each block to the column using a modulo function to determine the right column.

Feel free to copy and use at your peril, I’de like to here of any improvements.

View the demo

Loop through XML elements using PHP

chop — Sat, 21 Jan 2012 22:33:57 +0000

If you don’t know the absolute path of an element in your xml file the using xpath and ‘//’ acts as a wildcard (similar to ‘..’ in as3 i guess) you can run a loop and return all values for those elements.

Handy for this likes RSS feeds or KML files ect.

xpath('//xmlnode')  as $node) {
    	echo "\t node: $node 
\n";

	}
?>

3D text intro

chop — Thu, 12 Jan 2012 09:44:57 +0000

This is an Animation test in Cinema 4D using MoGraph PolyFX and Randomiser. Im also using a shader by Matt Savard to create falloff in the shadow. (http://www.helloluxx.com/tag/distance-falloff/)

You can view the clip on YouTube

My Threadless Submission – No Parking (stick it to the man)

chop — Mon, 07 Nov 2011 02:49:42 +0000

Score this design: “No Parking,” to help it get printed on Threadless!

RIP Oscar – 26th December 1995 to 22nd October 2011

chop — Sat, 22 Oct 2011 07:35:13 +0000

Today I lost my best mate, my brother the family dog Oscar Wilson. He left us peacefully in our family home when the vet put him to sleep, after his final play in the park bush with his favourite stick.

I’ll miss him incredibly as he was such an important part of my life. He will be rembered by his love for sticks, his cheeky yet loving attitude, his un-deniable loyalty and his overall eccentric character. I’ll miss his growling whilst dragging his bed, his upright wanting to go to the park anytime I put shoes on, his sneeky roams around the neighbour hood (the rangers never got him), his undying love for all his family and being there all the always in times of need.

There are soooo many tales to tell about Oscar, he was well known throughout the community

Rest in peace my dearest buddy

Love Leon

Ive made a gellery in memory of Oscar in my flickr page

XD Visuals HTML website

chop — Tue, 26 Jul 2011 03:10:54 +0000

Just finished a website for Job Wallis at xD Visuals. Comes complete with a customised CMS that is styled as the main website. Built in HTML (no Flash) I used webfonts which are very cool and a billion times more reliable than flash… ;~

This shows the projects administration page….

Telegraph Olympics – [Pitch]

chop — Wed, 08 Jun 2011 05:57:57 +0000

I’ve just done some design/illustration work a pitch for my friends over at http://www.caffeinehit.com/. All going to plan there could be 10 different mini games to be designed and illustrated, all to be developed in CSS3 and HTML5.

Roo Burger

chop — Thu, 02 Jun 2011 23:43:09 +0000

SQL Update with join.

chop — Fri, 20 May 2011 07:18:30 +0000

UPDATE a INNER JOIN b ON a.id = b.id  SET a.column = b.column

Javascript onclick=”return validateForm()”;

chop — Fri, 20 May 2011 02:07:32 +0000

This is the basics for an checking if a Terms and Conditions checkbox has been checked, using javascript.





Untitled Document