As we approach the dawn of a new year, here are my picks for the 101 most useful websites of the year 2011.

Update: A much expanded version of this list is now available as an eBook in Amazon’s Kindle Store.

Useful Websites Worth a Bookmark!

The sites mentioned here, well most of them, solve at least one problem really well and they all have simple web addresses (URLs) that you can easily learn by heart thus saving you a trip to Google.

01. screenr.com – record movies of your desktop and send them straight to YouTube.
02. bounceapp.com – for capturing full length screenshots of web pages.
03. goo.gl – shorten long URLs and convert URLs into QR codes.
04. untiny.me – find the original URLs that’s hiding behind a short URLs.
05. qClock – find the local time of a city using a Google Map.
06. copypastecharacter.com – copy special characters that aren’t on your keyboard.
07. postpost.com – a better search engine for twitter.
08. lovelycharts.com – create flowcharts, network diagrams, sitemaps, etc.
09. iconfinder.com – the best place to find icons of all sizes.
10. office.com – download templates, clipart and images for your Office documents.
11. followupthen.com – the easiest way to setup email reminders.
12. jotti.org – scan any suspicious file or email attachment for viruses.
13. wolframalpha.com – gets answers directly without searching  – see more wolfram tips.
14. printwhatyoulike.com – print web pages without the clutter.
15. joliprint.com – reformats news articles and blog content as a newspaper.
16. ctrql.org – a search engine for RSS feeds.
17. e.ggtimer.com – a simple online timer for your daily needs.
18. coralcdn.org – if a site is down due to heavy traffic, try accessing it through coral CDN.
19. random.org – pick random numbers, flip coins, and more.
20. pdfescape.com – lets you can quickly edit PDFs in the browser itself.
21. viewer.zoho.com – Preview PDFs and Presentations directly in the browser.
22. tubemogul.com – simultaneously upload videos to YouTube and other video sites.
23. dabbleboard.com – your virtual whiteboard.
24. scr.im – share you email address online without worrying about spam.
25. spypig.com – now get read receipts for your email.
26. sizeasy.com – visualize and compare the size of any product.
27. myfonts.com/WhatTheFont – quickly determine the font name from an image.
28. google.com/webfonts – a good collection of open source fonts.
29. regex.info – find data hidden in your photographs – see more EXIF tools.
30. livestream.com – broadcast events live over the web, including your desktop screen.
31. iwantmyname.com – helps you search domains across all TLDs.
32. homestyler.com – design from scratch or re-model your home in 3d.
33. join.me – share you screen with anyone over the web.
34. onlineocr.net – recognize text from scanned PDFs – see other OCR tools.
35. flightstats.com – Track flight status at airports worldwide.
36. wetransfer.com – for sharing really big files online.
37. pastebin.com – a temporary online clipboard for your text and code snippets.
38. polishmywriting.com – check your writing for spelling or grammatical errors.
39. marker.to – easily highlight the important parts of a web page for sharing.
40. typewith.me – work on the same document with multiple people.
41. whichdateworks.com – planning an event? find a date that works for all.
42. everytimezone.com – a less confusing view of the world time zones.
43. gtmetrix.com – the perfect tool for measuring your site performance online.
44. noteflight.com – print music sheets, write your own music online (review).
45. imo.im – chat with your buddies on Skype, Facebook, Google Talk, etc. from one place.
46. translate.google.com – translate web pages, PDFs and Office documents.
47. kleki.com – create paintings and sketches with a wide variety of brushes.
48. similarsites.com – discover new sites that are similar to what you like already.
49. wordle.net – quick summarize long pieces of text with tag clouds.
50. bubbl.us – create mind-maps, brainstorm ideas in the browser.
51. kuler.adobe.com – get color ideas, also extract colors from photographs.
52. liveshare.com – share your photos in an album instantly.
53. lmgtfy.com – when your friends are too lazy to use Google on their own.
54. midomi.com – when you need to find the name of a song.
55. bing.com/images – automatically find perfectly-sized wallpapers for mobiles.
56. faxzero.com – send an online fax for free – see more fax services.
57. feedmyinbox.com – get RSS feeds as an email newsletter.
58. ge.tt – quickly send a file to someone, they can even preview it before downloading.
59. pipebytes.com – transfer files of any size without uploading to a third-party server.
60. tinychat.com – setup a private chat room in micro-seconds.
61. privnote.com – create text notes that will self-destruct after being read.
62. boxoh.com – track the status of any shipment on Google Maps – alternative.
63. chipin.com – when you need to raise funds online for an event or a cause.
64. downforeveryoneorjustme.com – find if your favorite website is offline or not?
65. ewhois.com – find the other websites of a person with reverse Analytics lookup.
66. whoishostingthis.com – find the web host of any website.
67. google.com/history – found something on Google but can’t remember it now?
68. aviary.com/myna – an online audio editor that lets record, and remix audio clips online.
69. disposablewebpage.com – create a temporary web page that self-destruct.
70. urbandictionary.com – find definitions of slangs and informal words.
71. seatguru.com – consult this site before choosing a seat for your next flight.
72. sxc.hu – download stock images absolutely free.
73. zoom.it – view very high-resolution images in your browser without scrolling.
74. scribblemaps.com – create custom Google Maps easily.
75. alertful.com – quickly setup email reminders for important events.
76. encrypted.google.com – prevent your ISP and boss from reading your search queries.
77. formspring.me – you can ask or answer personal questions here.
78. sumopaint.com – an excellent layer-based online image editor.
79. snopes.com – find if that email offer you received is real or just another scam.
80. typingweb.com – master touch-typing with these practice sessions.
81. mailvu.com – send video emails to anyone using your web cam.
82. timerime.com – create timelines with audio, video and images.
83. stupeflix.com – make a movie out of your images, audio and video clips.
84. safeweb.norton.com – check the trust level of any website.
85. teuxdeux.com – a beautiful to-do app that looks like your paper dairy.
86. deadurl.com – you’ll need this when your bookmarked web pages are deleted.
87. minutes.io – quickly capture effective notes during meetings.
88. youtube.com/leanback – Watch YouTube channels in TV mode.
89. youtube.com/disco – quickly create a video playlist of your favorite artist.
90. talltweets.com – Send tweets longer than 140 characters.
91. pancake.io – create a free and simple website using your Dropbox account.
92. builtwith.com – find the technology stack of any website.
93. woorank.com – research a website from the SEO perspective.
94. mixlr.com – broadcast live audio over the web.
95. radbox.me – bookmark online videos and watch them later (review).
96. tagmydoc.com – add QR codes to your documents and presentations (review).
97. notes.io – the easiest way to write short text notes in the browser.
98. ctrlq.org/html-mail – send rich-text mails to anyone, anonymously.
99. fiverr.com – hire people to do little things for $5.
100. otixo.com – easily manage your online files on Dropbox, Google Docs, etc.
101. ifttt.com – create a connection between all your online accounts.

The Most Useful Websites – Expanded Version

If you enjoyed this list, do check my book – The Most Useful Websites – that has a collection of 150 undiscovered and incredibly useful websites to enhance your productivity.

Here’s are some comments from people who have bought my book.

Changelog: The following websites were part of the original list that I published in December, 2010. Unfortunately, these sites are no longer available and hence have been removed or replaced with alternatives.

01. virustotal.com – scan any suspicious file or email attachment for viruses.
02. isnsfw.com– when you wish to share a NSFW page but with a warning.
03. truveo.com – the best place for searching web videos.
04. tabbloid.com – your favorite blogs delivered as PDFs.
05. warrick.cs.odu.edu – you’ll need this when your bookmarked web pages are deleted.
06. tempalias.com – generate temporary email aliases, better than disposable email.
07. whisperbot.com – send an email without using your own account.
08. errorlevelanalysis.com – find whether a photo is real or a photoshopped one.
09. google.com/dictionary – get word meanings, pronunciations and usage examples.
10. wobzip.org – unzip your compressed files online.
11. namemytune.com – when you need to find the name of a song.
12. snapask.com – use email on your phone to find sports scores, read Wikipedia, etc.

You can download the above list as a PDF document for printing or offline reading.

Also see: Best of the Web

The English architect Christopher Wren once quipped that his chosen field “aims for Eternity,” and there’s something appealing about that formula: Unlike the web, which often feels like aiming for next week, architecture is a discipline very much defined by its permanence. A building’s foundation defines its footprint, which defines its frame, which shapes the facade. Each phase of the architectural process is more immutable, more unchanging than the last. Creative decisions quite literally shape a physical space, defining the way in which people move through its confines for decades or even centuries.Working on the web, however, is a wholly different matter. Our work is defined by its transience, often refined or replaced within a year or two. Inconsistent window widths, screen resolutions, user preferences, and our users’ installed fonts are but a few of the intangibles we negotiate when we publish our work, and over the years, we’ve become incredibly adept at doing so.
But the landscape is shifting, perhaps more quickly than we might like. Mobile browsing is expected to outpace desktop-based access within three to five years. Two of the three dominant video game consoles have web browsers (and one of them is quite excellent). We’re designing for mice and keyboards, for T9 keypads, for handheld game controllers, for touch interfaces. In short, we’re faced with a greater number of devices, input modes, and browsers than ever before.
In recent years, I’ve been meeting with more companies that request “an iPhone website” as part of their project. It’s an interesting phrase: At face value, of course, it speaks to mobile WebKit’s quality as a browser, as well as a powerful business case for thinking beyond the desktop. But as designers, I think we often take comfort in such explicit requirements, as they allow us to compartmentalize the problems before us. We can quarantine the mobile experience on separate subdomains, spaces distinct and separate from “the non-iPhone website.” But what’s next? An iPad website? An N90 website? Can we really continue to commit to supporting each new user agent with its own bespoke experience? At some point, this starts to feel like a zero sum game. But how can we—and our designs—adapt?

A flexible foundation

Let’s consider an example design. I’ve built a simple page for a hypothetical magazine; it’s a straightforward two-column layout built on a fluid grid, with not a few flexible images peppered throughout. As a long-time proponent of non-fixed layouts, I’ve long felt they were more “future proof” simply because they were layout agnostic. And to a certain extent, that’s true: flexible designs make no assumptions about a browser window’s width, and adapt beautifully to devices that have portrait and landscape modes.

Huge images are huge. Our layout, flexible though it is, doesn’t respond well to changes in resolution or viewport size.

But no design, fixed or fluid, scales seamlessly beyond the context for which it was originally intended. The example design scales perfectly well as the browser window resizes, but stress points quickly appear at lower resolutions. When viewed at viewport smaller than 800×600, the illustration behind the logo quickly becomes cropped, navigation text can wrap in an unseemly manner, and the images along the bottom become too compact to appear legible. And it’s not just the lower end of the resolution spectrum that’s affected: when viewing the design on a widescreen display, the images quickly grow to unwieldy sizes, crowding out the surrounding context.
In short, our flexible design works well enough in the desktop-centric context for which it was designed, but isn’t optimized to extend far beyond that.

Becoming responsive

Recently, an emergent discipline called “responsive architecture” has begun asking how physical spaces can respond to the presence of people passing through them. Through a combination of embedded robotics and tensile materials, architects are experimenting with art installations and wall structures that bend, flex, and expand as crowds approach them. Motion sensors can be paired with climate control systems to adjust a room’s temperature and ambient lighting as it fills with people. Companies have already produced “smart glass technology” that can automatically become opaque when a room’s occupants reach a certain density threshold, giving them an additional layer of privacy.
In their book Interactive Architecture, Michael Fox and Miles Kemp described this more adaptive approach as “a multiple-loop system in which one enters into a conversation; a continual and constructive information exchange.” Emphasis mine, as I think that’s a subtle yet powerful distinction: rather than creating immutable, unchanging spaces that define a particular experience, they suggest inhabitant and structure can—and should—mutually influence each other.
This is our way forward. Rather than tailoring disconnected designs to each of an ever-increasing number of web devices, we can treat them as facets of the same experience. We can design for an optimal viewing experience, but embed standards-based technologies into our designs to make them not only more flexible, but more adaptive to the media that renders them. In short, we need to practice responsive web design. But how?

Meet the media query

Since the days of CSS 2.1, our style sheets have enjoyed some measure of device awareness through media types. If you’ve ever written a print style sheet, you’re already familiar with the concept:

In the hopes that we’d be designing more than neatly formatted page printouts, the CSS specification supplied us with a bevy of acceptable media types, each designed to target a specific class of web-ready device. But most browsers and devices never really embraced the spirit of the specification, leaving many media types implemented imperfectly, or altogether ignored.
Thankfully, the W3C created media queries as part of the CSS3 specification, improving upon the promise of media types. A media query allows us to target not only certain device classes, but to actually inspect the physical characteristics of the device rendering our work. For example, following the recent rise of mobile WebKit, media queries became a popular client-side technique for delivering a tailored style sheet to the iPhone, Android phones, and their ilk. To do so, we could incorporate a query into a linked style sheet’s media attribute:

The query contains two components:

1. a media type (screen), and
2. the actual query enclosed within parentheses, containing a particular media feature (max-device-width) to inspect, followed by the target value (480px).

In plain English, we’re asking the device if its horizontal resolution (max-device-width) is equal to or less than 480px. If the test passes—in other words, if we’re viewing our work on a small-screen device like the iPhone—then the device will load shetland.css. Otherwise, the link is ignored altogether.
Designers have experimented with resolution-aware layouts in the past, mostly relying on JS-driven solutions like Cameron Adams’ excellent script. But the media query specification provides a host of media features that extends far beyond screen resolution, vastly widening the scope of what we can test for with our queries. What’s more, you can test multiple property values in a single query by chaining them together with the and keyword:

Furthermore, we’re not limited to incorporating media queries in our links. We can include them in our CSS either as part of a @media rule:

@media screen and (max-device-width: 480px) { .column { float: none; } }

Or as part of an @import directive:

@import url("shetland.css") screen and (max-device-width: 480px);

But in each case, the effect is the same: If the device passes the test put forth by our media query, the relevant CSS is applied to our markup. Media queries are, in short, conditional comments for the rest of us. Rather than targeting a specific version of a specific browser, we can surgically correct issues in our layout as it scales beyond its initial, ideal resolution.

http://www.downgraf.com/all-articles/essential-css-frameworks-for-web-developer/

How far do Google Drive's terms go in 'owning' your files?

By Zack Whittaker | April 24, 2012, 5:52pm PDT
Summary: Google Drive’s terms of service allows you to still own your own files, but grants the company a license to do ‘as it wants’ with your uploaded content.

Within hours of Google launching its new online storage service, the terms and service have come under heavy fire by the wider community for how it handles users’ copyright and intellectual property rights.

After Dropbox and Microsoft’s SkyDrive — the two most popular online storage services on the web — Google was late to the party by a number of years. While Google needed no advertising to drum up support, what may hold back uptake is that as per the company’s terms and conditions, the rights to the files you upload to Google Drive will be passed on to the search giant.
A quick analysis of Google’s terms of service shows how far the search company goes in ‘owning’ your files, and how it can do anything it wants with them.
But there is a small catch. Here’s what the terms say:
Dropbox — terms can be found here:

“Your Stuff & Your Privacy: By using our Services you provide us with information, files, and folders that you submit to Dropbox (together, “your stuff”). You retain full ownership to your stuff. We don’t claim any ownership to any of it. These Terms do not grant us any rights to your stuff or intellectual property except for the limited rights that are needed to run the Services, as explained below.”

Microsoft’s SkyDrive — terms can be found here:

“5. Your Content: Except for material that we license to you, we don’t claim ownership of the content you provide on the service. Your content remains your content. We also don’t control, verify, or endorse the content that you and others make available on the service.”

Google Drive — terms can be found here:

“Your Content in our Services: When you upload or otherwise submit content to our Services, you give Google (and those we work with) a worldwide licence to use, host, store, reproduce, modify, create derivative works (such as those resulting from translations, adaptations or other changes that we make so that your content works better with our Services), communicate, publish, publicly perform, publicly display and distribute such content.
The rights that you grant in this licence are for the limited purpose of operating, promoting and improving our Services, and to develop new ones. This licence continues even if you stop using our Services (for example, for a business listing that you have added to Google Maps).”

The last sentence makes all the difference. While these rights are limited to essentially making Google Drive better and to develop new services run by Google, the scope is not defined and could extend far further than one would expect.
Simply put: there’s no definitive boundary that keeps Google from using what it likes from what you upload to its service.
Having said that, it also states:

“Some of our Services allow you to submit content. You retain ownership of any intellectual property rights that you hold in that content. In short, what belongs to you stays yours.”

According to its terms, Google does not own user-uploaded files to Google Drive, but the company can do whatever it likes with them. ZDNet’s Ed Bott has more.

The chances are Google’s terms will never be an issue — and it is likely over-zealous lawyers making sure Google doesn’t somehow get screwed in the long run by a lawsuit — but it may be enough to push away a great number of entrepreneurs and creative workers who rely on holding on to the rights to their own work.

It always pays to read the fine print.
I asked Google to see if they can shed light on how its terms of service translates in comparison to other, rival services. Google did not respond at the time of publication.

http://tv.adobe.com/watch/adc-presents/introducing-adobe-edge-preview-5/

After a week full of arguments, getting shut down by the Mavs, removed from Team USA contention and still being married to the biggest Kardashian, Lamar Odom is seen heading “home” at the Dallas airport with a very interesting T-Shirt.  The shirt is a Laker’s championship one.

 1895 391share0share2290

}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol '//connect.facebook.net/en_US/all.js'; document.getElementById('fb-root').appendChild(e); }());