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)
The Christmas Experiments
MDN Holidays calendar
Digitpaint Advent 2012http://advent2012.digitpaint.nl/
Futura, une gloire typographique has been my first post on this blog, in february 2012.
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.)
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:
Send me an email at email@example.com 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
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!
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.
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).
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.
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.
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?
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.
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.
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.
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.