7 strategic content tips to help your website grow

October 25th, 2010

Content strategy. It’s a buzz word in online marketing, but one that deserves attention. If you have no direction or strategy for your content, then your site is doomed from the get-go. Unfortunately, even in 2010 the web is still full of stagnating brochure sites that are unlikely to reach their full potential from both a traffic, and user experience perspective. The web has grown up, and it’s time to make content much better than that.

Content strategy allows you to achieve business goals by laying out an actionable plan of how to develop, market and maintain content which goes on your site. There are a number of things worth thinking about when you are sitting down to start a new project, and hopefully this article summarises some content tips which can help your website really grow.

Full article here: http://blog.webdistortion.com/2010/10/20/7-strategic-content-tips-to-help-your-website-grow/

5 Useful jQuery Snippets for your Website

September 2nd, 2010

jQuery is a popular JavaScript library which is used by many developers and applications. While using jQuery you need to write less code, writing functions is less complex and there are a lot of plugins you can use for free in your web application. Even if you code everything by yourself, you need only a few rows of code to create nice and powerful features for your website

Few entire entry here: http://www.programmervn.com/2010/08/5-useful-jquery-snippets-for-your.html

No One Nos: Learning to Say No to Bad Ideas

August 3rd, 2010

You can’t create what clients need when you’re too busy saying yes to everything they want. As a user experience designer, it’s your job to say no to bad ideas and pointless practices. But getting to no is never easy. Proven techniques that can turn vocal negatives into positive experiences for you, the client, and most importantly, the end-user include citing best practices and simple but powerful business cases; proving your point with numbers; shifting focus from what to who; using the “positive no”; and, when necessary, pricing yourself out.

Source Article is here:


Custom HTML5 video player with CSS3 and jQuery

July 29th, 2010

Custom HTML5 video player with CSS3 and jQuery. Learn how to build an easily customizable HTML5 video player, including packaging it as a simple jQuery plugin.

Building a custom HTML5 video player with CSS3 and jQuery

By Cristian-Ionut Colceriu · 28 Jul, 2010

Published in: opacity, html5, css3, jquery, video, Transitions


The HTML5 <video> element is already supported by most modern browsers, and even IE has support announced for version 9. There are many advantages of having video embedded natively in the browser (covered in the article Introduction to HTML5 video by Bruce Lawson), so many developers are trying to use it as soon as possible. There are a couple of barriers to this that remain, most notably the problem of which codecs are supported in each browser, with a disagreement between Opera/Firefox and IE/Safari. That might not be a problem for much longer though, with Google recently releasing the VP8 codec, and the WebM project coming into existence. Opera, Firefox, Chrome and IE9 all have support in final builds, developer builds, or at least support announced for this format, and Flash will be able to play VP8. This means that we will soon be able to create a single version of the video that will play in the <video> element in most browsers, and the Flash Player in those that don’t support WebM natively.

The other major barrier to consider is building up a custom HTML5 <video> player — this is where a Flash-only solution currently has an advantage, with the powerful Flash IDE providing an easy interface with which to create a customized video player component. IF we want to write a customised player for the HTML5 <video> element we need to handcode all the HTML5, CSS3, JavaScript, and any other open standards we want to use to build a player!

Full article can be viewed here: http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/

The mobile web optimization guide

July 29th, 2010

The mobile web optimization guide. Provides an overview of three different strategies to make your websites work across all devices.

Mobile-friendly: The mobile web optimization guide

By Bruce Lawson · 28 Jul, 2010

Published in: media queries, mobile, viewport


If I had a Euro for everyone who asks me at conferences how they can “mobilise” their web site, I’d be extraordinarily rich as well as breathtakingly handsome.

It’s easy to see why people wish to make their sites “mobile friendly”; Gartner research suggests that by 2013, mobile phones will overtake PCs as the most common Web access device worldwide. And don’t forget other visits from devices such as games consoles like Nintendo Wii, DSi, web-enabled TVs, in-car browsers and the like.

Many customers are already using mobile devices as their main method of Web access, particularly in emerging markets — the July 2009 Statistical Report on Internet Development in China states that “”the proportion of [people] accessing the Internet by mobile increased enormously from 39.5% in late 2008 to 46% in June 2009″, while the proportion of using desktops and laptops decreased”. That translates to 150 million people. In the developed world, many have a mobile device as their secondary method of accessing the Web while they’re out and about.

It’s a truism that on the Web, there is always someone offering the same service as you are. And if you’re not catering for the mobile user, you can be sure that your competitors are. In the current harsh economic climate, sending customers into the arms of the competition doesn’t succeed as a business strategy.

This article provides an overview of three different strategies to make your websites work across all devices. We’ll call them “mobile-aware” websites, as they’re not specifically for mobile sites, but they will work on mobile, as well as across different alternative browsing devices. These strategies are not mutually exclusive; you can mix and match as your project, budget and sanity allows.

View entire article here:  http://dev.opera.com/articles/view/the-mobile-web-optimization-guide/