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...
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.
Video games often use parallax scrolling technique to create an illusion of depth by moving multiple layers of images at different speed. This technique can also be applied in web design. This post consists a list of mind blowing parallax scrolling sites, design tips, and resource tutorials. If you are considering to start a parallax scrolling site, this is a must read post.
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.
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.
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.
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.