FITC Logo Redesign Process by James White 56

FITC Logo Redesign Process by James White

At FITC Toronto in May of this year, Shawn Pucknell, FITC’s director approached James White to develop the creative for the following year's event, FITC Toronto 2012. “I've spoken at FITC twice so far and being a huge fan of the event and the entire crew behind it, I jumped at the opportunity to work with my friends,” said White. With creative freedom to develop the bits and pieces needed to promote and showcase at the event next year, James started looking at everything including the FITC identity which, at the time, he had no idea would be used. Here we go...

Another iPad2 Giveaway at Themify 26

Another iPad2 Giveaway at Themify

Earlier this year I gave away an iPad2 to promote the buy 1 get 1 free WordPress theme deal on Themify.me. Now I've lowered the theme membership pricing: (you can get all WordPress Themes for just $69 with no recurring fee), I'm going to giveaway another iPad2. The contest is open to anyone. You can do either one of the following or all to join the contest: 1) follow @themify and make a tweet, 2) like Themify Page on Facebook, or 3) get the theme membership from Themify and make a tweet. Read the iPad giveaway post on Themify for more details.

Playing with SVG Design 43

Playing with SVG Design

After years of quarantine, the Scalable Vector Graphics is finally raising fame as a feature of HTML5 with full native browser support. Vlog.it, by Marco Rosella, is an experimental site launched last month to explore two aspects of SVG with interesting potential for the design of original interfaces: clipping paths and scalable 2D motion graphics. Marco is going to share a quick tutorial on how it is done.

View Demo Wheelayout

Download Demo ZIP

Inspiration: Fluid & Responsive Design 102

Inspiration: Fluid & Responsive Design

Responsive design all started with this article by Ethan Marcotte. Some people see it as a trend. But it is more than just a trend. It is a new design solution — it helps to resolve the design problems associated with the different resolutions and devices (desktop, laptop, tablet, and mobile). I'm going to share a list of responsive sites that I feel are nicely done. I've categorized the list into two categories: Adaptive and Fluid & Responsive.

Two Free Screens Conference Tickets 113

Two Free Screens Conference Tickets

FITC is hosting a conference called Screens 2011 dedicated to mobile development. The event takes place in Toronto between Nov 14-15th, 2011. It is a 2 full day of presentations covering iOS, Android, HTML5 (jQuery Mobile, HP/WebOS, AIR, FLEX, Windows Phone) as well as marketing and business of apps. I have two conference tickets to give away. For your chance to win a free ticket, post a comment in this post before Oct 24, 2011. If you are interested in getting the tickets, use the following coupon code to save 15%: mobile2010.

CSS3 Image Styles 182

CSS3 Image Styles

When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesn't render the CSS style perfectly. However, if the image is applied as background-image, you can add any style to it and have it rendered properly. Darcy Clarke and I put a quick tutorial together on how to use jQuery to make perfect rounded corner images dynamically. Today I'm going to revisit the topic and show you how much more you can do with the background-image CSS trick. I will show you how to use box-shadow, border-radius and transition to create various image styles.

View Demo Image Styles

FALL LOVE: 20% FALLSALE coupon code & 40% affiliate commission boost at Themify (details)