Interactive World JavaScript Map 28

Interactive World JavaScript Map

This tutorial will show you how to create an interactive map of the world you can use to display travel photos. In the process, you'll be introduced to Raphael.js. It is a small JavaScript library that makes it easy to work with vector graphics. Instead of using HTML5 Canvas for interactive animations, it uses SVG (for modern browsers) and VML (for IE8 and earlier). This means that Raphael.js looks great on modern browsers and mobile devices, but degrades gracefully and is functional on legacy browsers. Because it is written in JavaScript, it's very easy to integrate with other elements in the DOM. This makes it a great choice for all sorts of interactive animations and a useful tool to add to your skill set.

Note: this is a guest post by Chris Youderian.

60 Beautiful & Creative Embossed Business Cards 100

60 Beautiful & Creative Embossed Business Cards

The previous post on creative business cards was very well recieved. Today we going to share another 60 well designed embossed business cards that stand out of the crowd. Embossing your business card is a great effect to grab your audience's attention, along with printing on different mediums, sizes of card and utilising complimentary techniques such as letterpress, spot UV and die cut. If you are considering to make an embossed card, be sure check this post for inspiration.

Creating a Modern Lightbox with CSS3 and JavaScript 59

Creating a Modern Lightbox with CSS3 and JavaScript

Today we have a guest post by Andy Walpole sharing his experience from creating the Lightbox Ultra on Mozilla Demo Studio. Several years ago developer Lokesh Dhakar created the familiar Lightbox script with Prototype and script.aculo.us. It's smooth animation and sleek aesthetics were an instant hit in the web design community and it was used on a multitude of different projects.

View Demos

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...

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

Make Your HTML Email 5½ Times More Mobile Friendly 110

Make Your HTML Email 5½ Times More Mobile Friendly

Let's face it, ask most designers what their dream project would be and I bet none would mention designing and coding HTML Email. Designing email has a special place in my heart and I am excited to communicate with people through this challenging medium. So here's improvements you might consider making when you revamp or greenfield your next template.

Note: This article is a guest post by Josh Rubinstein.

Cultural Considerations for Global Websites 91

Cultural Considerations for Global Websites

Web designers are a highly creative bunch. Whilst most will probably have a natural eye for what looks good and what doesn’t, experience is everything in the world of web design, and learning is a key part of the process en-route to the top. One of the fundamentals of any design – be it web or print – is that it’s the audience that counts, not you. With that in mind, the one golden rule of thumb web designers should remember when carefully crafting their sites is that the second they’re launched into cyberspace, they’re global.

TWEET & SAVE: tweet a message to receive a 15% Themify discount code instantly. Tweet it now!