H&M e-commerce launch disappoints #sitereview

H&M, one of the last big brands to sell online, launched its UK e-commerce site last week. The launch follows that of Gap and Zara, two other fashion brands late into e-commerce in the UK. So how does the new site shape up? Homepage If you arrive having searched for H&M in Google, you will not arrive at the e-commerce site, but the page shown in the screenshot below. There is a link to buy online at the e-commerce site, which is hosted at shop.hm.com, and shop online link is not the most prominent link on the page. Worse still, while there is a huge banner telling visitors they can now shop online with H&M, it doesn’t actually link to the e-commerce site. Nuts. Why not just have the … Continue reading

Creating web content for TV

This guide is aimed at web developers wishing to optimize their web sites and applications for better compatibility with web-enabled/connected televisions — with a particular emphasis on the Opera for Devices SDK and its functionality. Read more By Patrick H Lauke for dev.opera.com, September 9 2010

Track Your Website Visitors and Their Behaviors in Real Time

Quick Pitch: A real-time analytics, heatmap and alert system that overlays all the data on the user’s website — so they never have to log in to another site. Genius Idea: SeeVolution makes it easy to visualize how visitors are using and interacting with your website. SeeVolution also offers real-time traffic and analytics information that you can view as an overlay on your live website. SeeVolution has just entered beta and the service is free for up to five different domains. After signing up for the service, you enter in the URL of a site you want to monitor and SeeVolution provides you with a few lines of JavaScript to put on any pages you want to monitor. If you want to track your entire site, just insert … Continue reading

50 Useful Tools and Resources For Web Designers

50 useful tools and time-savers for web designers and developers. Among other things, you will find recently released tools, useful reference sheets, articles and further resources. Such posts are prepared over months, each containing resources found, reviewed or bookmarked by the Smashing Editorial Team. Visit the site By Vitaly Friedman for www.smashingmagazine.com 26 July 2010

Luminosity Colour Contrast Ratio Analyser

The old Accessibility Evaluation and Repair Tools (AERT) suggested algorithm for determining colour contrast now directs here. The AERT algorithm was never a recommendation, and WCAG 2.0′s luminosity contrast algorithm is recommended instead. Read more By  Gez Lemon

Universal Internet Explorer 6 CSS

How do you answer the Internet Explorer 6 question? 1.Design for better browsers, then design alternative solutions to handle IE6 bugs? 2. Write a remedial IE6 stylesheet to address layout issues? 3.Use JavaScript to bootstrap CSS support in IE6? 4.Make your site look exactly the same in IE6 as in any other browser? 5.Develop to better browsers and spend no development time or testing for IE6? 6. Block IE6 users from seeing your site’s styles? Read More By Andy Clarke, For a Beautiful Web,  May 5 2009

9 elements

Amazing graphics + twitter = cool moment Visit site

List of Best and Worst practices for designing a high traffic website

Here is a checklist of the factors that affect your rankings with Google, Bing, Yahoo! and the other search engines. The list contains positive, negative and neutral factors because all of them exist. Most of the factors in the checklist apply mainly to Google and partially to Bing, Yahoo! and all the other search engines of lesser importance. If you need more information on particular sections of the checklist, you may want to read our SEO tutorial, which gives more detailed explanations of Keywords, Links, Metatags, Visual Extras, etc. Read more By Webfonts.com

WAVE Web Accessibility Evaluation Tool

WAVE is a free web accessibility evaluation tool provided by WebAIM. It is used to aid humans in the web accessibility evaluation process. Rather than providing a complex technical report, WAVE shows the original web page with embedded icons and indicators that reveal the accessibility of that page. Read more