Hed Kandi have decided to do an about turn and destroy the industry they were initially founded upon in the latest series of compilation releases “Destroy The Disco“.

Focussing on the “Twisted” brand Hed Kandi have built up over the last few years, usually consisting of breaks, electro and techno like sounds, Destroy The Disco seems like a rebrand more than something new. Admittedly, some of the tracks featured have a distinctively different sound to Hed Kandi’s usual stereotype, it seems like they’re also jumping on this year’s attempt at reinventing disco (such as the riduculously named “Space Disco” which has been cropping up throughout the year).

It may seem like quite a critical point of view. As much as a house advocate I am, since Hed Kandi was acquired by Ministry of Sound in 2006, I’ve always been concerned the brand will suffer from being overly commercialised in a somewhat niche market.

However, I’m personally quite fond of the design of this venture. Jason Brooks (the artist behind Hed Kandi’s look) has taken inspiration from Roy Lichtenstein’s Pop Art, originally inspired by comic book artwork. This look was made popular more recently by blockbuster movies like Frank Miller’s Sin City. The grungy illustrations lend well to the deeper side of house music, representing a somewhat darker experience at the club events.

It’ll be interesting to see how successful the Destroy The Disco brand works for Hed Kandi.

Destroy The Disco is released Monday 2nd November 2009 and is available to order from the following online stores:

• Play.com: CD (£9.99) and MP3 Digital Download (£9.95)
• Amazon UK: CD (£9.98)
• HMV: CD (£10.99)

Track Listing

Disc 1

1. Gossip - Love Long Distance (Riva Starr Remix)
2. Bloc Party - One More Chance (Alex Metric Remix)
3. Example - Watch The Sun Come Up (Devil’s Gun “Zeitgeist” Remix)
4. Calvin Harris - I’m Not Alone (Burns Rewerk)
5. The Young Punx ft Count Bass D - Ready For The Fight (Black Noise 6. Destroy The Disco Edit)
6. Fake Blood - Mars (Hervé Re-edit)
7. Double 99 - Rip Groove (Disco Damage Vs Hood Hooligan 2009 Remix)
8. AC Slater - Jack Got Jacked (Jack Beats Remix)
9. The Prodigy - Take Me To The Hospital
10. Polina - Shotguns (Trevor Loveys Destroy The Disco Remix)
11. Riton & Primary 1 - Who’s There?
12. Fatboy Slim - Star 69 (Rogue Element Remix)
13. Noisettes - Wild Young Hearts (Kissy Sell Out Remix)

Disc 2

1. Yves Murasca & BK Duke ft Angie Brown - Move Your Body (Funkanomics Remix)
2. Grum - Heartbeats
3. Lauren Flax ft Sia - You’ve Changed (War Games Remix)
4. Kraak & Smaak ft Ben Westbeech - Squeeze Me (Trevor Loveys 5. Skeezer Pleezer Jam)
5. His Majesty Andre - Peep Thong
6. Louis La Roche - Sunshine Hotel
7. Fake Blood - I Think I Like It
8. Noob & Brodinski - Peanuts Club
9. Sidney Samson - Riverside (Ralvero Remix)
10. The Young Punx - Juice And Gin (Riva Starr Mix)
11. Simian Mobile Disco - Audacity Of Huge
12. Sebastian Ingrosso - Kidsos

For a long time, this website became dominated with content for the One Phat DJ Podcast. While it was good regular content about fresh funky house music, it was distracting from my main focus in life - the Web and digital media.

The One Phat DJ website has been available for quite a few years now - the first instance was setup way back in 2001 - but has usually been a single page pointing visitors to the podcast and connecting services such as Twitter , Facebook and Last FM.

A few months back, I decided it was time to migrate all One Phat DJ content to a dedicated website to highlight a clear distinction between my two different “guises”.

With the introduction of the Funky House Finesse brand and a regular slot secured on Lifted Radio, I gave myself a weekend to setup a basic website using my favoured CMS WordPress, plugging in all the existing content with minimal effort.

The project is evolving (like most good websites) and is sure to grow over the coming months but, for the time being, if you are more interested in the musical side of my life than the digital media, I suggest you pop on over to the One Phat DJ website, put it in your bookmarks and download the archive of mixes directly from there.

The Apple OSX bevelled effect isn’t exactly original now but, nonetheless, there are times when the style suits your design needs, especially when wireframing OSX/iPhone applications.

I’ve found a neat little method of creating the bevel effect in Fireworks which you can reuse quite easily:

1. Select the object you want to apply the effect to. (Note it works best on darker objects).
2. Apply a drop shadow filter to the object (Filters > Shadow and Glow > Drop Shadow).
3. Set the Distance to 1, Opacity to 20%, Softness to 0, Angle to 270 and the Color as #FFFFFF.

That’s it! See the following example of how it looks.

For added convenience, why not set this as a favourite style?

1. Select the object you’ve just applied the filter to (it should be the only filter applied).
2. Click the + button next to Filters.
3. Select Options > Save As Style….
4. Name the style, something like “OSX Bevel“.
5. Now you can apply the bevelled effect to any object you select in Fireworks by clicking the + button and choosing “OSX Bevel“.

Hopefully some of the designers out there will find this little tip useful.

If you can think of a quicker or more convenient way of applying this effect in Fireworks or have an alternative approach for all the Photoshop users out there, leave a comment below.

Two years ago, I suggested how a rotation property would be a welcome introduction to CSS, allowing designers and developers to control their designs even further with an often used design pattern.

It seems I wasn’t alone in thinking of this and we are now getting very close to a fully supported solution.

Last year, the forward thinking WebKit guys implemented a new -webkit-transform property to their rendering engine. Among many things, this new property allowed for any element in a web document to be rotated using some very simply syntax:

#my_element {
  -webkit-transform: rotate(90deg);
}

This was all well and good but with support limited to WebKit browsers (like Safari and Omniweb), it had very limited appeal - it was more of a test bed for the future.

Only last month though, the Mozilla team released a nightly build which also supported the new transform property, also prepending their specialist prefix to it as -moz-transform which took the same values as -webkit-transform.

Mozilla also included a secondary property called -moz-transform-origin which allows you to control the point of origin (default is around the centre point).

By using the following code, you will have two of the most popular rendering engines covered when it comes to rotating:

#my_element {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}

That’s Safari and Firefox now covered!

It’s obviously still too early to rely on these CSS properties for mass coverage but if you think along the lines of progressive enhancement - offering a richer experience to users of modern browsers while delivering basic functionality to those less fortunate - it is certainly something you can start playing with.

Twitter have done it with the rounded corners on their recent redesign and I’ve started sprucing up my redesign with several CSS 2.1 properties (check out the slightly rotated headings in the sidebar).

Generally speaking, this is a great move forward with the CSS specification. It’s unlikely to become a firm standard for many years yet but at least you can start sprucing up your designs by experimenting with the CSS Transform properties.