Delving Deeper into the Beauty of HTML 5 Canvas

The web development landscape is evolving constantly. Thanks to the introduction of new technologies such as HTML5. For those of you who do not know what HTML5 exactly is, it is the latest version of the hypertext mark-up language, which is mainly used in web design & development by designers across the planet. With each passing day, more number of designers seem to be joining the HTML5 bandwagon since the technology promises to take web design to a whole new level! HTML5 brings with itself an entire new range of exciting elements including the canvas that allow developers to add awesome touch & dynamic capabilities to their web applications. This article provides you with an in-depth idea about HTML5 Canvas. So, let’s get going…

Before we start exploring this major element of HTML5, let’s know a bit about its history as well. HTML5 Canvas was pioneered by the tech giant Apple somewhere around 2004 for the use in Mac operating system. It was meant to power their Safari web browser and dashboard applications too. Ever since then, the canvas has been adopted by Opera, Mozilla and finally W3C for its use in HTML5. Today, all the modern web browsers support this HTML5 element completely.

HTML5 Canvas Read More

What’s There on Your Back?… April Fish! (Vintage April Fools’ Day Postcards)

“A sense of humor is the only divine quality of man.” ~ Arthur Schopenhauer

How do you feel today? Have you checked the socks for toothpaste inside? Was your sugar replaced by salt this morning? Or maybe all eggs in your refrigerator turned into hard boiled ones? Today is the first of April, “All Fools Day” and nobody can feel safe from pranks neither at home nor at the office. Everything mentioned above seems funny as long as it’s not happening to you. Nevertheless, we hope that our respected readers possess good sense of humor and enjoy a wonderful possibility to laugh.

So, what do we know about the holiday? Frankly speaking its origin is rather questionable and disputable. However, the most popular version dates back to 16th century. In 1582, the beginning of the New Year was moved to January 1. Some people, who hadn’t heard about this sweep, continued to celebrate the holiday on April 1. These “April Fools” became the earliest objects for public mockery.

Of course, we couldn’t miss the opportunity to make you smile on “April Fools’ Day” and cooked something really odd for you. Below you will find a collection of funny vintage French postcards, developed especially for the first of April. Their designs are cute and original. All of them obligatory have fish somewhere in the composition. Actually, in France, April fool is called April fish because of the traditional prank, played on the first of April. Friends and relatives tried to stick a paper fish onto somebody’s back and when poor thing discovered it at last, all of them bursted into laughter crying out: “April Fish!” This prank is played till present and can be called a gentler prototype of “Kick me” signs.

As Plato said: “Even the gods love jokes.” So, we wish you to get a good portion of positive emotions today and begin smiling right now with our funny vintage April Fools’ Day postcard designs.

By the way, today is the best day to propose a girl. If she doesn’t accept you can always tell her that it was an April Fools’ Day joke.

* * *

April fools' day postcards

* * *

Read More

Virtual Fitting Rooms – e-Commerce UX of the Future

Do you buy clothes online? Surely, each person can tell about at least one-time experience of online apparel shopping. And what about apprehension before the final click? Buying clothes online is always entailed with a certain percent of probability that the item won’t perfectly fit because of the wrong size, color, fabric or cut.

According to statistical data, online apparel sales reach nearly 7 percent, notwithstanding the fact, that this e-Commercial category is considered the largest. This figure is negligibly small in comparison with those of books and computers, for instance.

However, a breaking technology (slide 98) of augmented reality, which becomes more and more popular among European and USA merchants, is able to change the situation drastically. The idea is as follows: you can try on all selected models not leaving your home, then change them for the recommended ones, share your images with friends and get their feedback. Don’t you think that such innovative approach can convince even the most hesitant buyers?

virtual fitting room

In other words, the augmented reality is achieved with the help of software using webcam (some solutions don’t require the webcam, just customer’s measurements), motion capture interface, and social media integration.

The application developers even promise up to 60% sales increase and up to 30% returns reduce, which sounds very catching, isn’t it? You know, some online brands, which have already incorporated virtual fitting rooms into their websites, confirm certain positive dynamics in their conversion rates.

No doubt, while the technology is not so widely-spread, there is still much space for perfection. Software’s universality lets merchants use it for a wide range of products like glasses, jewelry, furniture, etc. Maybe in future, the option will completely erase the border between virtual and physical reality, allowing customers not only try on the clothes, but feel the fabric’s texture and weight…

At present, we can arrive at the conclusion that virtual fitting rooms can boost e-Commerce UX from both sides.

From side of brands and merchants conversion rates growth, returns reduce as well as customers’ satisfaction increase can be expected.

From side of buyers, a greater percentage of completed checkouts, stronger confidence in their choice, less stress and disappointment along with stronger loyalty to favorite brand are rather predictable consequences.

If you are impressed with the technology, believe in its cloudless future and even think about incorporating it into your e-Commercial projects, here are some helpful links to developers, providing the service.

* * *

* * *

HTML5 and its Frameworks for Mobile App Development

The evolution of mobile web has been rather noticeable and rapid enough to grab the attention of industry experts. We experience the old of native applications , especially the performance, integration and speed, when talking about touch screens. Because of these standards, native applications have easily combined with mobile devices. However, the evolution of HTML5 is swiftly coming in par with native apps and mobile devices are now using quite a lot of HTML5 features on modern browsers. HTML5 is indeed a huge step-up for the web designing and mobile development industry because of its increased functionality.

Image Source: Stock Photo by Shutterstock

Defining HTML5

HTML5 is a superior version of HTML (Hypertext Markup Language). Well, this language is usually used for structuring and showcasing your content on the Internet or the World Wide Web. HTML5 basically aims to improve the markup language using support for a more advanced multimedia plus sustaining more readability for humans. For a matter of fact, it also aims at consistent understanding by computers and other devices like parsers, browsers, etc. Just like the development and up-gradation that takes place in various software, HTML5 is the up-gradation of HTML. That means, it includes HTML4, XHTML along with DOM Level 2 HTML. In spite of the popularity of HTML5, it got the limelight by web developers sometime in April 2010.

To take a quick look at the standardization process, there were long discussions going on about the development of HTML5 since 2004. The first draft included the specification of web forum 2.0 and the second included the specification of web application 1.0. The merger of these two specifications later turned out to be HTML5. However, it became the start point of work only in 2007.

Later, in Jan 2008, the Web Hypertext Application Technology Working Group (WHATWG) published the first public working draft of HTML5 specification. In May 2011, World Wide Web Consortium (W3C) extended HTML5 to “Last Call”. May 2012 brings this specification back to the “Working Draft” state. In July 2012 both these organizations decided to maintain a degree of separation – when W3C focuses on a single definitive standard known as “Snapshot”, while WHATWG focuses on “Living Standard”. W3C demanded the to release a stable HTML5 recommendation by 2014 end as well as HTML5 specification recommendation of HTML 5.1 by 2016.

HTML5 – Focusing the Mobile

Like we already know, HTML5 is not a single tech – but a combination and improvements of HTML. It works without browsers on Tizen, Firefox OS as well as Web OS. Lets look at some of the features of HTML5 that make it suitable for mobile devices.

1. Offline Support – This feature enables the web or mobile browsers to store static web pages. The catch here is that they rely on HTTP response headers of web servers for getting HTML,CSS and multimedia that renders the pages.

2. Canvas Drawing – This feature helps the websites to mark off a space for drawing graphs, charts, gamers, images and other components with the use of programming code and user interaction minus Flash or other plug-ins.

3. Video & Audio Streaming Support – This feature may, someday, enable websites like Pandora and YouTube to skip Flash totally out of the development process.

4. Geo Location API – You can now share your locations with trusted Websites through Geo Location API. It is a simple part of Navigator object.

5. Touch Events – This feature allows you to leverage the touch effect in HTML5. You can now quickly and easily navigate through all your web pages.

Read More

Good Start for Your Business Online – Free WordPress Theme

Not a week can pass without a goodie for you, guys. What’s free for this time? Free WordPress Business Theme that is a ready-made design for setting up your website online. Easy on the eye, well-done, it is worth your attention and interest. Let’s see what’s inside.

This nice design in contrasting color scheme is perfect for showing off your business ideas. The light apricot header against the dark background and the yellow circle for the slider create the pleasant to eyes color scheme and warm welcome to the visitors. The simple structure with all the content blocks carefully organized plus easy navigation will help them find all the information they are looking for. The theme provides also featured blocks in the central part and widgetized sidebar.The set of pages is enough for presenting all the ideas you have in the best possible way. Free template live demo will complete the whole image of this theme.

Free WordPress Business Theme:

To download the whole package of this template, visit the Free WordPress Business Theme download page at TemplateMonster and type an email address that you want the free template package to be delivered to (don’t forget to uncheck the newsletter subscription checkbox in case you’re already subscribed, otherwise you may not be able to download the zip file). Feel free to use this template for your business, but you cannot resell it as a template.

Download Free WordPress Business Theme (18,6MB)

IMPORTANT NOTICE:TemplateMonster does not provide support services on free templates – including this one. We only provide support for the products that are being purchased from TemplateMonster. Our free templates are produced according to the latest web standards and we’ve been trying to make the process of working with them as easy as possible, so for people with minimum web development experience it should be easy to work with them. However, if you don’t have any experience, we recommend you to refer to the tutorials or community forums on how to work with platforms that each respective template is made with, or to hire someone to do the job for you.

‘Making of’ Videos Compiled

In our everyday life we are surrounded by dozens of simple things making it easy and comfortable. Sometimes we even don’t think how much time and efforts have been invested into the process of their creation. Nevertheless, the majority of trivial stuff can surprise you with the complexity and uncommonness of techniques used at its manufacturing. Can you imagine how contact lenses or your favorite chewing gums are produced? If your answer is yes, you are probably a professor at some technical university… But if your answer sounds like: “Not much…” – you get a good chance to while away the time with practical benefit for your IQ.

Here you will find a compilation of fun educational videos of how common things are made. Having viewed them all, you will be able to explain the process to your curious kids or amaze your friends with the level of your erudition. In any case, the videos are interesting and amusing, so have a good time!


By the way, unwrapping the process (slide 95) of manufacturing can be used by brands as a part of marketing campaign, raising the customers’ interest to the offered product.

* * *

The Art of Making, Alma Flamenca

making of video

* * *

The Magnificent Obsession of Hand Making Person

making of video

* * *

Read More

Integrating Webstore Design with Branding, Usability and Offline Presence

Every website consists of two elements – the look and the content. The look and the content contribute to the branding of your webstore. The branding reflects on the position the store occupies in the human mind. Another key element of a website is its usability – how intuitively built is the website? In addition a webstore which is linked to an offline presence must reflect key elements of that presence in the form of colors, mission, vision, tagline and overall appearance.

Image Source: Stock Vector Illustration by Shutterstock

Key Elements of Webstore Design

A website should be optimized for search engines and user experience. The font used in a website is key to communicating content. Do not use a combination of Serif and Sans Serif, use one of the two. Good websites use a few typefaces and only ones that are related.

Page layout should be done in a way that makes navigation easy for the user. Every page of the website should feature consistent page layout for uniformity. Coding should be of a very high quality. Visual design should be appealing – easy on the eyes.

Simplicity is a friend of both the web designer and user. Design based on convention. Don’t try to over-innovate. Ensure pointed, easy communication through the web pages. Remember white spaces in websites reduce brain processing – hence they are friends.

Among the objects of web design – the design, size, contrast, color and position are crucial to overall user perception.


When you put every department of visitor experience above all else then you are focusing on usability. The success or failure of your website depends on the user experience (UX) it provides. Finding stuff in your website should be easy for the visitor and so must be making a purchase.

To ensure usability you need to study website analytics, best practices in the online business and needs of your business and visitor and combine these to create a highly usable website. One quality of usability is a holistic approach. The website should function as an integrated individual element.

Usability of a web store must also reflect the needs of the marketing staff as well as the design staff in communicating to and enticing individual visitors to the site. Creating a positive image of your web store by making it easily usable is key in ensuring repeat visits from clients.

Read More

Jokes About Developers in Their Natural Habitat [Gifs]

Q: Why do developers always mix up Halloween and Christmas?

A: Because Oct 31 = Dec 25!

There might be nothing new or interesting in saying that creativity fuels both humor and web developing. But is it possible to reverse this equation? Can humor or rather the thought structure and method of humor fuel creative thinking or more specifically design thinking? Humor is one of the most effective ways of human communication. Jokes and smiles can help avoid confusion and add feeling of comfort to the conversation. However, all people have a different sense of humor. It all depends on the specifics of your own web project and the target audience.

So, today we’d like to share some cool jokes about developers presented as GIF animations. Get your day started with a juicy bit of laughter and pass it along. Check out following animations and don’t forget to share some of your favorite into the comments section.

How devs talk to each other


How refactoring of the code looks like…


If I were developer, I’d have the same toys

Read More

How Marketers Engage the Senses: 5 Tips for Sensory Marketing on the Web

A human has five senses – it’s a fact. Everything in the world is given to us by sight, hearing, smell, taste and touch. And the most interesting thing without them there would be nothing. Yes, exactly emptiness – I can recommend you watch a film “Perfect Sense”, where lack of senses is demonstrated rather impressively. The exceptional importance of senses we should be understood as obvious.

Of course, we naturally pay more attention the some of them (according to statistic, we receive 80-90% of information through vision) and we should reckon with this fact. Nevertheless, it doesn’t mean we should ignore less used organs, how some marketers do: they think it would be enough to give a performance for eyes and, at the best, for ears. Then such specialists are surprised by the failure of their advertising campaigns.

It’s fair enough to mention web space (and, in most cases, reality as well, by the way) doesn’t allow to influence some of the senses directly, so a competent web marketer should concentrate on metaphors. An advertisement must include appealing to taste, smell and touch by means of approachable sight and hearing. Below I’d like to share few sensory web marketing tips with examples.

Read More

Click & Collect Shopping – New Experience Somewhere in Between Digital and Real Worlds

Are you a shopaholic unable to strip yourself of occasional shopping jags serving a kind of relaxation or sublimation for your overdriven mind? Or you are a sober customer accomplishing only well-considered purchases… The third variant is a shopping hater, absolutely intolerant to regular stores and striving to avoid them when possible, or at least minimize the time spent there.

You know, it seems like we’ve got great news for all shoppers regardless of their habits. Have you ever heard about recent click and collect retailing trend? (JWT: 100 Things to Watch in 2013 – slide 21). Maybe you have even checked some of its pleasures? The best thing about the service is that it is beneficial both for merchants and their customers.

But let’s figure out why this revolutionary method balancing on the edge of digital and physical world is getting more popularity around the US and Europe.

First of all, click and collect offers the convenience of online shopping, but lets you get rid of its main drawback on the last stage on delivery. According to the report, 60% of online shoppers had issues with the delivery last year. Actually, the system allows choosing items online and then you are free to decide when to pick them up locally. All selected stuff is waiting for you, packed at the nearest collection point. All you need to do is to give the code, which was sent by email, to the service worker. No more ruined plans and endless hours of waiting for delivery, you can get the product in time and save on courier fee.

Another advantage of click & collect is that you can easily return the product you don’t like. The scheme becomes shorter and quicker: just click – collect – try on – and bring back if it doesn’t fit.

By the way, online-only stores like House of Fraser, Boden, Oasis, Asos, Amazon, eBay and many others turned to be really innovative for the sake of customers’ convenience. They involved third parties such as corner shops, newsagents and filling stations into Collect+ system, which means that you can pick up your order in any signed up location.

Click & Collect

Of course, while the technology is young enough, certain imperfections still spoil general impression a bit. Among common clumsy moments are queues and next day product availability. However, Amazon is a step forward of its competitors due to the lockers being installed in shopping centers and supermarkets. They improve the situation somehow as the buyers simply input the code, sent to their email and take the package in minutes.

If you liked this idea of further e-Commerce perfection and want to join this futuristic trend, let’s generate some pieces of advice, which can help you escape small disappointing details.

Read More