CSS3 mixins for SASS

The Compass project provides a ton of useful mixins for SASS, but over the course of many projects I’ve created a streamlined set that’s more useful for my day-to-day development.

My mixins prefix where necessary and I try to provide smart defaults. The naming convention is descriptive and not just a flattened reproduction of the CSS3 properties being used.

Endless Groove, Ep. 5

  1. Exit 9 – No Accident in Paradise
  2. Sei A - Body of Eyes
  3. Deep in Calm – You Will Pay
  4. Midland – Through Motion
  5. Reason Or Romanza – Radiance Trigger (Rescue Mix)
  6. Commix – City Section
  7. Danny Howells – Black Cat (Total Science Remix)
  8. The Chemical Brothers – Swoon (Don Diablo Remix)
  9. Cassian – I Like What You’re Doing (Nightriders Remix)
  10. Bas Amro – Ten
  11. Vincenzo – Where You Are
  12. White Hinterland – Icarus
Play

Endless Groove, Ep. 4

Endless Groove is back with some super smooth beats to round out the summer. This session I went back to the basic idea that Endless Groove started with: mellow, driving repetitive beats with a lot of melody and some beautiful vocal effects. I also snuck in some true classics that I’ll let you find on your own. Enjoy.

  1. Solee – Legends (Slow Motion Mix)
  2. John Talabot – La Niña (Afrodub Version)
  3. Pablo Bolivar – Memories (Nhar Remix)
  4. John Talabot – Matilda’s Dream
  5. Mock & Toof – Shoeshine Boogie (Wolf + Lamb Remix)
  6. Der Dritte Raum – Weitwelt
  7. Ripperton – Random Violence/Telépopmusik – Breathe
  8. Kaito – We Are Living Here
  9. Vibrasphere – Breathing Place
  10. Die Antwoord – $0$
  11. Ray Mang – Look Into My Eyes
  12. Lindstrøm – Another Station (Todd Terje Remix)
  13. El Guincho – Antillas (Prins Thomas Diskomiks)
  14. Pollyester – German Love Letter (Permanent Vacation Mix)
  15. Röyksopp – This Space

Play

Endless Groove, Ep. 3

Nothing says summer like a bit of Chromeo.

Technically, it’s not summer yet, but this should put you in the mood. Enjoy.

  1. Ripperton – L’Ardo
  2. Moonbeam – Tokyo Dragon (tONKPROJECT Ebencrib Remix)
  3. Estroe – Inspirited Away (Nuno Dos Santos Remix)
  4. Julius Steinhoff – Something Like Wonderful
  5. Booka Shade – This Is Not Time
  6. Estroe – High Maintenance
  7. Don Diablo – I Am Not From France (Linus Loves Remix)
  8. The Kleptones – Hiding in the Bayou (LCD Soundsystem vs. Black Crowes)
  9. Ajello – Silert Tears (Space Ranger Remix)
  10. Way Out West – Future Perfect (Henry Saiz Remix)
  11. Estroe – Kiss & Make Up
  12. Moonbeam – Tokyo Dragon (Roger Martinez Remix)
  13. Chromeo – Night by Night (Siriusmo Remix)
  14. Rodion & Bottin Galli – Give It Up
  15. Libex & Marshall – Psychic Harmony 2010
  16. Bvdub – To Live (edit)

Play

“Next Unread Message” Script for Apple Mail

One thing that’s always bugged me about Apple’s Mail.app is the lack of a quick shortcut to your next unread message, irrespective of which mailbox it is in. Luckily, it was fairly easy to whip up a quick little script which does just that. Note that the script assumes your mail is sorted with the newest messages at the bottom — otherwise, you’ll need to edit line 7, replacing “last message” with “first message”.

Add a keyboard shortcut with your favourite tool, like FastScripts or Quicksilver.

Endless Groove, episode 2

Endless Groove Episode 2 continues in the idea of finding a nice, mellow relaxing groove and just letting it run its course. That’s not to say there aren’t moments that make you want to break out and dance, but this is music to work to. Or to drive to. This is a collection of music that I absolutely love, each track with a sprinkling of magic melody to keep things interesting. It also features one of the best tracks I’ve heard in years, the perfectly named The Magnificent by Lindstrøm. Killer.

  1. Memory Tapes – Treeship (edit)
  2. Tigerskin – Platin
  3. Fritz Kalkbrenner – Blackmail
  4. Hernan Cattaneo & Soundexile – Butterfly Effect (remix)
  5. Pryda – Reeperbahn
  6. Sebastian Davidson – Nightbird (Shur-I-Kan’s Sound of Summer Mix)
  7. Lindstrøm – The Magnificent
  8. Good Guy Mikesh & Filburt – Someone Told Me
  9. Woolfy vs. Projections – Absynth (Markus Worgull Remix)
  10. Shonen Jump – Vincenzo
  11. Antix – The Hoard (Dousk Remix)
  12. Dølle Jølle – Balearic Incarnation (Todd Terje’s Extra Doll Mix)
  13. Iridium – Lullabies In The Dark

Play

Endless Groove, episode 1

I spend a lot of time sitting at my computer (shocking, I know). Sometimes, I just want some nice, mellow house music that sets itself into a groove and rolls. Some of my sets have had this characteristic, but I decided to create a new imprint called “Endless Groove”, just for these sorts of mixes. It’s got a bunch of tech house and a bit of progressive, and every once in a while the set kicks it up a notch and you may find you head bobbing along and your feet tapping your chair. At least, if you’re anything like me…

  1. The Black Dog – Train By The Autobahn (Part 1)
  2. Danny Howells – September
  3. Lindstrøm – Where You Go I Go Too
  4. Adele – Hometown Glory (Pocketknife’s Familiar Faces Remix)
  5. Junior Boys – Hazel (Ewan Pearson’s House Dub Mix)
  6. Felix Da Housecat & Kris Menace – Artificial
  7. The Chain – Geo
  8. Matias Aguayo - Minimal (DJ Koze Mix)
  9. Schodt – First Breath (Dankann Remix)
  10. Tore Jarlo – Raining Down On You feat. Pia (Dumb Dan Edit)
  11. Bertrand Dupart & Gwen – Lolita (Rocco Remix)
  12. Low Motion Disco – Things Are Gonna Get Easier (Windsurf Remix)
  13. Paul Keeley – Life Aquatic
  14. Danny Howells – September (re-entry)

Play

phoenix sessions 005

So it turns out that if you wait to too long between set releases, pretty much every one of your favourite artists releases a killer new track. I guess you could refer to this set as the Epic Mix.

16 Bit Lolitas make a couple of appearances with tracks from their magnificent new LP. DJBS favourites UNKLE, Jaytech and Way Out West all contribute in one way or another — I even found room for the new version of the all-time classic Shapeshifter’s track, Lola’s Theme (which made an appearance on one of my first ever mix sets, many years ago).

This will probably be the last set released under the “phoenix sessions” moniker for a while, as I intend to explore some new spaces in the near future. Stay tuned.

  1. Black River (Gui Boratto Remix) – Bomb The Bass
  2. Reformation (Robert Babicz Remix) – Lucca
  3. Coconut Blues – Gabriel Ananda
  4. Bazook (Bazookapella) – Chris the Greek & Matheos
  5. Formula of Fear (Uberzone Dub Mix) – Hybrid
  6. Murder Weapon – 16 Bit Lolitas
  7. Azteca (KOS’s Stadium Mix) – KOS
  8. Twilight (Layo and Bushwacka! Remix) – UNKLE
  9. Lola’s Theme (2008 Re-edit) – The Shapeshifters
  10. Heart & Soul – Yvel and Tristan
  11. The Warning (Terracotta Army’s Eastern Invasion) – Way Out West
  12. Nobody Seems to Care (feat. Jennifer Horne) – 16 Bit Lolitas
  13. Candy (James Zabiela Remix) – Spooky
  14. Geko – Guy J
  15. Meaningful Story (Jaytech Remix) – Dinka
  16. Omptine D’Un Ature Ete, L’Apres Midi – Jay Haze and Yann Thiersen
Play

Cappuccino’s FlickrDemo in 45 lines of jQuery

When I first saw 280 North’s “280 Slides” application, I have to admit I was very impressed. They built a truly native-feeling (well, if you’re on a Mac) tool on the standard web platform. Not an easy feat, and clearly some big brains operating on the problem.

But the more I read about their toolkit (Objective-J), the more unsettled I felt. It’s the same feeling I get when I see tools like Flex. These are some seriously complicated development environments, meant to abstract away to the fundamental building blocks of the web.

When 280 North released their Objective-J toolkit a few days ago, called Cappuccino, I poured through their documentation and demos to get my head around what they had built. And it’s very impressive. But as a jQuery addict, I didn’t like their dismissal of it as at tool for making small adjustments to a web page. I feel that you can build a full-fledged web application in jQuery just as simply — or simpler — by embracing HTML/CSS as a layout engine, and JavaScript as a scripting language.

So I tackled re-implementing their FlickDemo application (several hundred lines of Objective-J) using jQuery and jQuery UI. It took about 3 hours to build, and ended up being about 45 lines of code (plus the frameworks, of course), and just under 200 lines of CSS declarations.

What I didn’t do: I didn’t bother hacking the CSS to work in Internet Explorer. It’s not that it couldn’t be done — jQuery supports it just fine — I’m just lazy. So you’ll need a modern WebKit or Gecko browser to see the demo. I also didn’t implement the drop shadows that Cappuccino uses on their images.

Also, the jQuery version doesn’t take over all you keyboard shortcuts, so you can still navigate around in your browser.

Original Cappuccino version

My jQuery version

Download the source here: flickrDemo-jQuery.zip

Update: Due to popular demand, I’ve changed the behavior of the slider so the image size updates in realtime. Total change: one word.

Update 2: Alexander Simmerl was nice enough to provide an upgrade to the image loading, bulking up the code by a few lines but greatly improving the load animation. In the comments, dak contributed a 2-line CSS fix for the inline-block layout problems in FF2 and IE7, which I’ve also merged.

I think this is as far as I’ll take the demo. Ultimately, it’s not that compelling of an application (but it does make a good demo). To respond to some of the criticism I’ve read, my point was not to argue that jQuery was a drop-in replacement for Cappuccino. Clearly there’s a ton of nuances to the Cappuccino runtime that would need to be carefully reimplemented if we wanted a 100% identical demo. My point is that it’s quite simple to do web application development in jQuery, and something as heavy as Cappuccino is not the only option (and in many cases, probably not the best option). I see Cappuccino as a kind of AIR-in-reverse (native apps that run in a web browser!) and possibly an interesting technology path for coders that are already familiar with Cocoa but don’t have experience with the nuances of direct web development. One thing I’m sure of is HTML/CSS/JavaScript are not going anywhere… they may be complimented by frameworks like Cappuccino, but the core will remain.

phoenix sessions 004 (Air Canada Edition)

A large chunk of this mix came together on a flight from Calgary to Montreal, early one morning a few weeks ago. It was a really nice way to spend the flight, and the presence of power adaptors on the seats really made my day. Flying the horrors of Continental or United lately has really blinded me to the perks the rest of the civilized world enjoys.

Only one comment this time about the set: Sultan and Ned Shepard have delivered one of the most mind-blowing breakdowns in recent memory in the form of “Jeopardy”. I’ve switched things around a bit here by combining the original’s techy progressions with 16-Bit Lolitas’ funkier remix, and it gives me chills. Enjoy.

  1. Bonafied Lovin’ (Juri Hulkkonen Remix) – Chromeo
  2. Movin’ (UNKLE’s Surrender Sounds Session 9) – Skylark
  3. Mongoose (Guy J Remix) – Sasha
  4. Jeopardy feat. Kuba Oms – Sultan and Ned Shepard
  5. Jeopardy feat. Kuba Oms (16-Bit Lolitas Mix) – Sultan and Ned Shepard
  6. One Dress, Two Legs (Dub Mix) – Jaytech and Jeff Drake
  7. Fun Punch (Bag Raiders Remix) – Bag Raiders
  8. Ikaros feat. Nicky (Retroid Remix) – Clesk, Pea and Shuda
  9. Anime (Rocco Main Mix) – Hernan Cattaneo and John Tonks
  10. Shine On – Soda Inc.
  11. The Big Space (Subsky Mix) – 3kStatic
  12. Dusty Horizon (Trafik’s Sirocco Mix) – Roland Klinkenberg
  13. Pyramid – Jaytech
Play