Archive for the ‘Uncategorized’ Category

Forms . . . the easy way

Friday, March 18th, 2011

We’ve all had to style forms now and then. I know most of you will agree that this is a very unpleasant task – it can add numerous hours of extra work for you and it may leave you frustrated, confused or just plain angry. But now there is a solution for all of us . . . using jquery, Nathan Smith has tamed forms so you no longer have to dread the day you are handed your next forms project.

Head on over to formalize.me and download the formalize jquery plugin and css file.

I just got to share this . . .

Tuesday, July 13th, 2010

Gradients through Pure CSS (CSS3 Gradient Techniques)

Monday, June 28th, 2010

How do we achieve gradients through CSS? well, right now – the syntax is different for each browser . . . so why go through the hassle, if we can just specify a background image . . . right? Well, if the gradient isn’t all that essential and you can accept a solid background color as a fallback (for older browsers) – then you can save an http request and faster page load minus the extra background image.

So how is it done?


div {
background-color: #1a82f7; /* fallback color */
background-image: -moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7); /* for mozilla browsers */
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727)); /* for webkit browsers */
background-image:filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB)";
/* for IE */
}

Mozilla

Here’s the official documentation.
-moz-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* )
or
-moz-linear-gradient (-45deg,red,blue);
For radial gradients, it’s -moz-radial-gradient

WebKit (Safari,Chrome)

Documentation

-webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*)

or

background: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00));

IE

Documentation

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB)";

The Smashing Book

Monday, February 1st, 2010
The Smashing Book

The Smashing Book

Got my Smashing Book in the mail today, am surprised it’s heavy, considering it’s such a small book (paperback) – all the pages are in full color. I ordered this one probably 2 weeks ago and am actually looking forward to reading it. It was probably a year or so ago when I stumbled upon the Smashing Magazine website and it is one that I frequently visit for inspiration and design resources.

I will post my feedback on this book once I’m done reading it. In the meantime, if you are interested, you may sample the 1st chapter here – http://media.smashingmagazine.com/cdn_smash/pdfs/sm-book-chapter1.pdf.

Vancouver Olympics Main Media Centre

Thursday, January 28th, 2010

During the 2010 Winter Olympics in Vancouver – the press and media will be based in either one of two buildings – Canada Place will be home to over 2500 journalists and is called the MPC (Main Press Centre) and right beside it, the IBC (International Broadcast Centre) where over 7000 video/radio broadcasters will be based. A good chunk of the IBC is taken up by NBC and CTV.

MPC

MPC

IBC

IBC

Here are some pictures of what it will look like inside the venue.

Entrance to MPC

Entrance to MPC

Press Workroom

Press Workroom

MPC Hallway

MPC Hallway

Olympic rings

Olympic rings

Six Types of Crappy Hugs

Tuesday, December 22nd, 2009

Another comic by the oatmeal. Am beginning to really like this guy’s work . . . Thanks Alex for the initial link.

header
crusher
heights
kiss
long
over
man

Mentioned on CNBC

Thursday, December 10th, 2009

One of the websites I made for a company I previously worked for was mentioned on the evening news at CNBC.