Oh my gosh, checkout this #USA navy basketball "half-time show"...

This is from a US Naval Academy basketball half-time show...

Take note of the spectators as the show progresses... so hectic! Enjoy!

 

 

TM

Awesomeness lies in the hands of the Brave.

Filed under  //   Awesomeness   half-time show   navy basketball   USA   Video  
Left behind on July 2, 2010
// 0 Comments

awesome classic that made me feel like becoming a pilot...

 

TM

Awesomeness lies in the hands of the brave.

Filed under  //   Awesomeness   Danger Zone   Music Video   Top Gun  
Left behind on July 1, 2010
// 0 Comments

I was reminded of the Coca-Cola version of K'Naan - Wavin' Flag, very awesome & inspiring : )...

 

TM

Awesomeness lies in the hands of the brave

Filed under  //   Awesomeness   Coca-Cola   Feel Good Song   K'Naan   Video   Wavin' Flag  
Left behind on June 28, 2010
// 0 Comments

only watched the full and quick WWDC2010 now, *Goosebumps* #iPhone4 ...

 
The "quick" version:
 
 

The "full" version:
 
 
 
 
 
 
 
 
 
 
 

 

 

TM

Awesomeness lies in the hands of the brave

Filed under  //   Apple   Awesomeness   Full   iPhone4   KeyNote   Quick   Video   Videos   WWDC2010  
Left behind on June 21, 2010
// 0 Comments

{less} is more...

I came across this awesome tool today and thought I would share my experience with others...

 

 

3 Steps to writing {less}

1. Setup
1.1 Install the less Ruby gem by opening up "Terminal" and typing in one line.

   
Click here to download:
less-is-more-pguqFAFoxymjlHmGpJIv.zip (1162 KB)

1.2 Download the {less}.app.

 

 

2. {less} App Usage

 2.1 Drag your css folder into the "Watched Folders" section.

   
Click here to download:
less-is-more-yxitptxnafpFwfunBpgJ.zip (829 KB)

2.2 Switch to the "Compiler" tab and turn on "Automatically compile files when saved".

Coda Side-Note: There is a {less} plugin for Coda if ya don't mind first having to create a "Site" in your sites section first.

 

 

3. {less} Usage
3.1 Overview

Basic workflow of {less}:
1. Edit ".less" files.
2. Save file -> as you save, the {less}.app automatically generates the ".css" file.
Tip: If you have Growl, it will notify you when it has finished.
3. Review your web page.
My demo site is structured and looks like so:

   
Click here to download:
less-is-more-gCvgDphFhbIDqsvFweeq.zip (591 KB)

 

3.1 Import & Variables

* You can start to create reusable CSS libraries by using the "@import" syntax.

   
Click here to download:
less-is-more-AxjigAvdbutfDkhaIvoy.zip (129 KB)

* Variables can be used to store CSS attribute values to be reused throughout your project so as to alleviate the trouble with core changes.

   
Click here to download:
less-is-more-paigDkuEtaGqJGwApjdv.zip (27 KB)

 

3.2 "Mixins"

Yeah, it doesn't automatically mix sense just yet, but it's quite simple actually...

I would like my ".panel" class to have rounded corners; so I'm going to "mix" or add the rounded corners styling by simply adding its CSS class name (".rounded-corners") to my ".panel" class:

     
Click here to download:
less-is-more-yewJhpyllcnfvDiutcHD.zip (79 KB)

 

3.3 "Nesting stuff"

You can basically use this to nicely organize your CSS and type less ( excuse the pun ); I only have one item nested but imagine if you had more!...

   
Click here to download:
less-is-more-uvyFHjysxDCCdjFkxiuI.zip (48 KB)

 

3.4 Operations

If you got a special magic formula, you can implement it with basic operations even if there is a unit of measurement (e.g. px, em, etc.).

 

 

All The Files


Summary

{less} is a pretty neat addition to any web designer/developers arsenal.

I left out "Namespaces & Accessors" and a little more as I always believe that one should have at least one look at the official docs... you can find all the {less} techniques here: http://lesscss.org/docs.

Hope this has helped you on your way to writing {less}; until next time, keep writing more, or {less}. :D

 

TM

Awesomeness lies in the hands of the brave.

Filed under  //   Awesomeness   CSS   less app   review   ruby gem   Tool   tutorial   {less}   {less} is more  
Left behind on June 18, 2010
// 0 Comments

Nunchaku Ping Pong - Bruce Lee...

A must see!

(download)


TM

Awesomeness lies in the hands of the brave

Filed under  //   Awesomeness   Bruce Lee   Nunchaku Ping Pong   Video  
Left behind on April 26, 2010
// 0 Comments

Just watched PIXELS again! ( 10th time : )...

Can't get over how awesome it is!

 

 

TM

Awesomeness lies in the hands of the brave.

Filed under  //   Awesomeness   Patrick Jean   PIXELS   Video  
Left behind on April 9, 2010
// 0 Comments

Sooo AwEsOmE!

TM

"Awesomeness lies in the hands of the brave"

Filed under  //   Ad   Awesomeness   Joule   South Africa   Vid   Video  
Left behind on March 29, 2010
// 0 Comments

Awesome Ad! ~ http://bit.ly/NGCAd-If-LiveCurious <-- always

: )

 

 

 

TM

"fantastic!"

Filed under  //   Ad   Awesomeness   If   If. Live Curious.   Live Curious   National Geographic   National Geographic Channel   NGC   Vid   Video  
Left behind on March 19, 2010
// 0 Comments

My new feel good song...

I'm haven't even been there but this song makes me feel like visiting:


TM

"Awesomeness lies in the hands of the brave"

Left behind on March 4, 2010
// 0 Comments