Categories

Christmas Icons by Sivioco

Sam Jones offers us a brilliant set of 32 fully scalable christmas themed icons available in both .AI and .EPS vector formats. They are downloadable for free and they are also free for use in both personal and commercial projects. Yeah, Christmas is here again!

download

Advent calendars for web designers and developers

The Christmas period gives rise to all sorts of initiatives on the web. To keep us in suspense until the d-day, several sites have wagered on the concept of the Advent calendar.

Here is a short selection of some useful sites for your daily inspiration.

Upstruct Adventkalender 2012 (illustration above)
www.upstruct.com

shape christmas screenshot

Shape Christmas
http://itsashapechristmas.co.uk

Christmas experiments picture

The Christmas Experiments
http://christmasexperiments.com/

Mdn Holidays Calendar

MDN Holidays calendar
http://thewebrocks.com/mdncalendar2012/

HTML5 & CSS3 picture

Digitpaint Advent 2012http://advent2012.digitpaint.nl/

Karloff, convergence of beauty and ugliness

Futura, une gloire typographique has been my first post on this blog, in february 2012.

Today, Thibault de Fournas & Christopher Wilson are back with a new video dedicated to Karloff, a very contrasted and controverted font-family designed by Peter Biľak.

More about this project:
- Beauty and Ugliness in Type design by Typestack.
- Karloff Positive font family on Typotheque

YWFT Agostina

YWFT Agostina is a modern opentype font designed three years ago by Michael Cina from YouWorkForThem. With almost 300 characters, this typeface is very fluid and fresh, easily used for logos or branding.

You can have an overview of all its graphical possibilities in this short video conceived by Michael Paul Young and Lee Suetorsak.

(The ampersand is definitely a future classic.)

Two Dribbble invites giveaway

Dribbble is really an awesome place to show and improve your skills. Now, I have the honor to give this opportunity to two lucky persons!

To get one, follow these two simple steps:

  1. Send me an email at hello@theworldwelivein.co.uk with a link to your portfolio, a small text about who you are (like name, and what you do, student, professional etc.) and a brief statement about why you want to be on Dribbble

  2. Leave a tweet that mentions @olivier_twwli with a link to this post. It’s always nice to give chances to everybody.

I will answer to the 2 lucky winners by email and make the results public over twitter and commenting here next week on wednesday 12 sept.

Update: Due to the large amount of emails I received, I’m sorry to say I can’t answer personally to everybody. I can also say the choice was very hard and I thank you all for very nice emails!

So the contest is now over and the winners are : Joanne Panaligan and Sean Kiely. Congratulations!

Bariol Font

Pay with a tweet is a funny payment system and a fantastic way to increase your degree of popularity. One good example of this social network usage comes from the Atipo foundry who sells their latest font for a tweet and make it go viral. For real, you can download the beautiful Bariol Regular for free and get the complete family-font for the price of your choice. So, you pay with the value of your social network.

Download Barriol font

jQuery Transit

jQuery Transit is a very powerful plugin used to create super-smooth CSS3 transformations and transitions for jQuery without using the CSS declaration of prefixes in each browser.

Official Website

A Mobile Devices Explosion

Mobile web refers to accessing the Internet via a wireless network, using a handheld mobile device such as a smartphone or a tablet computer.

Why do we call it an explosion? Here is an explanation by numbers.

In 2011, 487.7 million mobile devices were sold worldwide against 414.6 million computers. Nearly 5% of overall Internet traffic came from non-computer devices. Smartphones are responsible for two-thirds of this traffic and the rest goes to the tablets. And if smartphones are way ahead, the sale of tablets increased significantly in 2011 (+100% of sales in France between January and December 2011).

Smartphones Market

With an annual increase of 25% in 2010 and 2011, the number of smartphones is expected to reach 982 million units in 2015 (against 472 million in 2011).

In 2011, Android has dominated the market with a share above 52%. iOS came in second with 15% (against 89% market share for tablets). The number of applications for Android has exceeded 400,000 in December 2011, doubling its market in just eight months.

The USA remains the largest buyer of mobile applications (57% of downloads are in their territory) but China will undoubtedly be the future giant with 870% increase in the market between January and October 2011.

Tablets Market

63.6 million tablets were sold worldwide in 2011 while 17.6 million units had been sold in 2010. With an annual growth of 261.4%, sales growth should be particularly strong in 2016 with nearly 900 million tablets sold by that date.

What does it mean for you?

It means that more and more people will see your websites on mobile devices. You will need to adapt the way you design your sites by making them more accessible to tablets or smartphones.

Where can you start?

  1. Have an easy to use website: A finger is not a mouse pointer. Try to design for increasingly prevalent touch interactions with appropriate targets and gestures.

  2. Content first, navigation second: A mobile site should not be a series of clickable link. The user must have access to the essential information on the homepage.

  3. Don’t use flash: certain mobile devices can’t read flash (I’m thinking about Apple devices) but if you really want a flash website, make sure to have an HTML version as well.

  4. Download optimisation: cleaning your code and minimising css and javascript files can help reduce the downloading time which will always be longer with a 3G connection than with a wifi spot.

  5. Think ‘Mobile First’: As Luke Wroblewski explains in his book Mobile First, conceiving your website in priority for mobile devices allows you to redefine the web experience. Constraints are more numerous on mobile devices, so your sites will only be better on your computer!

This is not an exhaustive list because techniques for mobile web are constantly changing and it is your duty to stay on top. However, armed with these best practices and simple principles of design, you can make sure people will have a great mobile Web experience whenever they visit your site.

Further Reading

Hagin Type Face

A new serif free font from Fontfabric (download).

Futura, une gloire typographique

Graphic Design & Animation: Thibault de Fournas and Christopher Wilson
Music: Introduction to smooth – smooth