Resources and tutorials for Webmasters
Resources and tutorials for Webmasters

Wednesday, August 20, 2008

Super Screenshot: Web based tool for creating an image of any site

Want to take a screen capture of a web site? Not just the part you can see on your screen, but the whole page, even the parts you have to scroll for 20 minutes to find? Super Screenshot is a web based tool that will let you capture any page and save the output as a JPG or PNG image file.

You get a few options with Super Screenshot, like the ability to capture a whole page or just the top of the screen. You can also select the size of the final picture, but you don't get to set pixel heights and widths. Instead you get some rather unhelpful options like X-Small, Small, Medium, Large, and Full. So you might need a little trial and error time to find the right size.

If you want more control over your screenshots, you can always use a desktop application like Snagit. But if you're using a friend or coworker's computer and need to make a quick screenshot, Super Screenshot could come in handy.

Tuesday, August 19, 2008

Microsoft Opens Windows 7 Blog for Discussions

Microsoft has launched a new blog page for discussions with customers and partners about the next Windows operating system. "We strongly believe that success for Windows 7 includes an open and honest, and two-way, discussion," said Windows 7 development engineers Jon DeVaan and Steven Sinofsky.

For a while now, Microsoft has said it would deliver Windows 7 approximately three years after the January 2007 launch of Windows Vista. "The product is tracking very, very well," said Senior Vice President Bill Veghte, who runs Microsoft's Windows business. "And we are looking good relative to our commitment," he told analysts last month.

To prep developers on the new OS, Microsoft will hold two major Windows events. "The Professional Developers Conference on October 27 and the Windows Hardware Engineering Conference the following week represent the first venues where we will provide in-depth technical information about Windows 7," DeVaan and Sinofsky said.

Sales of licenses for Windows Vista surpassed the 180 million in the second quarter, according to Colleen Healy, general manager of investor relations at Microsoft. "And Windows Vista had driven client revenue to an average growth rate of 16 percent since it became generally available," she said during a conference call with analysts last month.

However, Vista has come under fire because of its failure to work well with other software applications and hardware. Adoption rates in enterprises have also lagged analysts' expectations.

With the launch of Windows 7, Microsoft will have its first major opportunity to improve industry perceptions about its operating system. "The biggest problem Vista has today is in perception --- a perceived lack of value and perceived instability," said Michael Silver, a research director at Gartner Client Computing.

Microsoft says it plans to listen more closely to what the world has to say about Windows. Earlier this year, Veghte told Microsoft's India-based customers and partners that the feedback they provided was playing an important role in work on Windows 7. The launch of the Windows 7 blog page is another step in that direction.

Improving performance certainly has to be one major Microsoft goal, Silver noted. Another will be to bring a new set of innovative features to market, he said.

"It's hard to come up with 'gee whiz' features for a relatively mature product, but security and improved manageability and ease of deployment -- especially from the standpoint of ecosystem support -- will certainly help improve Microsoft's chances," Silver said.

From the enterprise perspective, Silver thinks the Windows 7 development team will need to focus on making improvements to application control "to enable standard users to be able to install known good apps and prevent administrators from running known bad apps." Additionally, Silver sees room for improvement in in the way that user account control works to improve application compatibility and usability.

Overall, Microsoft will need to ensure that the computing ecosystem is ready to accept and adopt Windows 7 when it finally arrives, Silver said. And the development team must fix operating-system areas that currently confuse users, like the networking center, he said.

Visit the blog here



Wednesday, August 13, 2008

Learn Illustrator CS3 in 30 Days

This FREE 30 days Illustrator crash course is created for beginners interested in learning Illustrator. Each lesson will take around 20 mins to complete and you will be able to learn the basic fundamental techniques before the 30 days trial ends.

In this crash course, I will not be drilling down in details how each feature works. However, I will be covering all the essential tools that are commonly used so that you can get started and have a feel of how illustrator works. At the 30 days you will be able to and draw your illustrations, design your own logos and create special effects!

For more illustrator training resources, read my list of recommended illustrator books & videos.

1st Week

2nd Week

3rd Week

Last Week

Saturday, August 9, 2008

A Cuil reaction to new search engine

A new search engine launched yesterday. Cuil (that's "cool", phonetically) is today's buzz word on the web, primarily because the Cuil's founders - Tom Costello, Anna Patterson, Louis Monier and Russell Power - are respected search experts. Patterson, Monier and Power are former Google employees, and comparisons with the 300lb gorilla of internet search abound.

Michael Arrington at TechCrunch compares sizes. At launch, Cuil boasted an index of 120 billion webpages. Cuil claims this makes it larger than Google, although Google begs to differ.

"Even if Cuil is bigger than Google, it doesn't mean Cuil is more relevant," points out Danny Sullivan on Search Engine Land. "Nor does it mean adding more documents in a "I'm bigger than you" game would improve the state of search overall."

Indexing is only part of the problem, says Om Malik at Gigaom. "Analysing and displaying all the information is extremely resource-intensive." Cuil claims to rank pages by content rather than the popularity rank. But this isn't a black and white issue, says Sullivan.

Google relies on more than just popularity to rank pages, and preliminary results suggest Cuil actually does use popularity to rank some sites - else a search for Harry Potter wouldn't bring up the official movie site at the top of the list.

That leaves a rather nice 'magazine style' results layout as one of Cuil's USPs - something that's likely to be loved or hated depending on the user.

But Cuil's real selling point might prove to be the privacy issue. It claims not to log IP information - something that Google, Yahoo and Teoma (the engine behind Ask) all do.

"That may be reassuring to some searchers, but to date, even scare stories about what Google could do (not that it does) hasn't kept searchers away from it," says Sullivan.

Cuil is no more than 24 hours old - Google has been with us for a decade. Clearly, it's too early to say whether the king of search is about to be usurped.

Visit Cuil

Thursday, August 7, 2008

FancyZoom : Javascript Image Zooming For Your Web Pages

FancyZoom :This much-requested chunk of Javascript to zoom images inline, originally written for this blog but later rolled out to the Panic website and used for screenshots, is now polished up, bug-fixed, available for you to use on your website!

Designed to view full-size photos and images inline without requiring a separate web page load, FancyZoom's raison d’ĂȘtre (French for "raisin-determination") is providing a smooth, clean, truly Mac-like effect, almost like it's a function of Safari itself. Since I originally wrote this script, there are now a lot of image zoomers to choose from (including a similar effect now on Apple's own site!), such as the popular (and inspiring) Lightbox. So you might be asking: "Cabel, why use FancyZoom?" Well, here's why!
  • Focused on the smoothest, most polished zooming animation possible
  • Automatically scales images from any image link, with no HTML changes
  • Preloads full-size images in the background on link mouseover
  • No resource-heavy Javascript libraries — 100% coded from scratch to zoom
  • Draws a nice drop shadow under the full-size image to offset it from the page
  • Uses Safari 3's "box-shadow" feature to draw the drop shadow natively, no images required
  • Requires only two new lines of code in your HTML
  • Tested and works with Safari, Firefox, IE7, and IE6. (Looks better in modern browsers.)

Since FancyZoom is so easy to add to a web page, I encourage you to give it a try!

Instructions

Installing FancyZoom on your web pages should be dead simple.

1 Download the FancyZoom package, right here:
2 Using Transmit (or your favorite FTP client), upload the two folders inside the package to the root of your webserver.

3Add the following two lines of code to the section at the top of your web page(s):



4Add onload="setupZoom()" inside your page's existing tag. For example:

onload="setupZoom()">

5Whoah. You're done! The rest is automatic — links to images in your page will automatically zoom the images. For example:

will zoom up image.jpg when clicked.

Additional Details

There are a few extra notes that you might find useful.
Want to add a caption? Add a title tag in your href. That's it!

FancyZoom will use the size of the first element in the href to determine the initial size and location of the zoom.

FancyZoom works best if you wrap your href around a thumbnail, but also works from text-only links to images.

FancyZoom will attach itself to any jpg, gif, png, bmp, or tiff link in your page.

If you're a Javascript hacker, FancyZoom's flexible fadeIn and fadeOut functions can be used for all sorts of fun stuff.

If you explicitly don't want an image to zoom, add a rel="nozoom" tag to your href.

Tuesday, August 5, 2008

Internet 2 works to reinvent the Web


Ten years after it began being embraced by the public, architects say the Internet is far from what it was destined to be, and they are working on a sequel. In 1993 Marc Andreessen launched Mosaic, the first browser to navigate the Web. In this vintage cyberspace, gray pages and low-resolution graphics were rife.

"I remember downloading it and running it on x-windows when it was running, said Pindar Wong, from Packet Clearing House. "So now it's really great to see parents and grandchildren and everyone using the Internet sort of through browser interfaces. It is a milestone. But I think the game is changing." It is changing because these days, the Internet is a much bigger beast. The "critical infrastructure" that hosts governments, businesses and universities is far-reaching, but far from flawless.With jerky video and hourglass icons, it's little wonder some call it the world wide wait. But one group is out to change that.

Enter "Internet 2" -- a U.S.-led effort to build cyberspace all over again, this time better. "Well the current Internet is not designed for the next generation of applications," said Ted Hanss, Director of Internet 2. "It's really focused on tens of millions of dial-up users. Not the applications that would really change how we do teaching, learning and education."

The Internet 2 backbone in the United States moves billions of bits of data per second, 300,000 times faster than the connection we have at home, said Hanss. Moving with such speed, Internet 2 will be able to provide remote diagnosis for doctors, send detailed medical files in a flash, stage high-resolution videoconferences and download virtual reality applications.

Champions of the project say Internet 2 shows what the net will do three to five years from now. But even a souped-up cyberspace is susceptible to worms, viruses and just plain junk or spam.And then there's the millions of mobile devices and appliances that are moving online, requiring more IP addresses. Back at the Internet monitoring station, engineers are scrambling to surmount those challenges, taking heart from their recent achievement. "I would view the last 10 years as a wonderful experiment," said Wong.

"Many of us were just kids, still young at heart now. We were trying all these different things. And we made our fair share of mistakes. The question is what can we learn from those mistakes?" The challenge is to build a cyber-sequel that's not just a pipe dream.


Monday, August 4, 2008

Ajaxload - Ajax loading gif generator

AjaxLoad lets you easily create your own Ajax loader icon. It is really useful for generating loading icons while waiting for things like AJAX content to load into a page.

More than 30 great indicators for loading image is available to choose from.

Create easily your own ajax loader icon :

  1. Select the type of indicator you want
  2. Enter the background code color you want
    (tick "Transparent background" if you don't want one
  3. Enter the foreground code color you want

Press "Generate it"

There’s nothing better than letting your user know when they’re waiting for something, and although a simple animation can’t tell them the exact progress, or how much longer they’ll have to wait - it’s often the thought that counts. Your preloader / loading animation is that little extra bit of finessĂ© for your creations.