1. Mysql Format Date

MySQL Format Date helps you to format your dates using the MySQL DATE_FORMAT function. Just select a common date format and then change it to your suit your needs. The MySQL DATE_FORMAT code will be generated at the bottom of the page which you can then copy into your query.

2. Em Chart

I never been a fan of ems in CSS files, but sometimes you have to deal with it. In that case, Em chart will translate ems to pixels so you’ll save time and hassle.

3. Browser Sandbox

Cross browser compatibility is definitely one of the biggest problems a web developer has to face in his daily job. The browser sandbox lets you run any Windows browser from the web. The only bad thing is that you must run a Windows machine: The app does not work on Macs and GNU/Linux.

4. Twitter API Explorer

If you’re using the Twitter API in the site you build, you’ll for sure enjoy this very handy website which allow you to search through the Twitter API. Even better, the website can generate ready-to-use code snippets. A real time gain for you and your clients!

5. PHP Forms

Web forms are one of the most important part of a website, but creating them is also very time-consuming. So, what about using a website that can speed up your form development for free?
PHP forms allows you to create advanced forms that can fit the needs of most websites.

6. Smush it!

Images may be worth a thousand words, they’re also well known to use a lot of bandwidth. Images can be optimized for the web using programs like Photoshop; but if you don’t own a copy of this software or simply don’t have a clue how to do it, smush.it is what you need.
Brought to you by Yahoo developers network, Smush.it is an online tool that will reduce your image size without reducing their quality.
For WordPress users, a very handy plugin for your favorite blogging engine is available here.

7. Test everything

This site is a definitive must-have for your bookmarks: As the name says, Test everything allows you to test lot of things such as XHTML and CSS markup, PageRank, back-links, and a lot more.

8. CSS Compressor

Especially on site with many different page layouts, CSS files can become huge and use a lot of server bandwidth. This tool, named CSS Compressor, can consequently reduce the size of any CSS file by removing comments, indentation and more.
Even better, compression level can be configured to fit your needs.

9 .htaccess editor

A .htaccess file is a must have for any website. Don’t know how to write one? No problem, just visit this site to create your .htaccess file using a wizard. It doesn’t allow very advanced stuff, but the results are great for 95% of the websites you’ll make.

10. Script Src

Are you tired of hunting the Internet in order to find the script tag for the latest version of the Javascript library of your choice? ScriptSrc.net has compiled all the latest versions of jQuery, Mootools, Prototype and more in a single page which lets you copy it in your browser clipboard with a single click.

1. Email - Knowing how to check your email, and how to write an effective email are two entirely different topics – but both are useful to know! Your email provider should have a “How To” on checking your email through webmail and setting up an email client on almost any platform, but if it’s over your head, consider using a flexible, free service like Gmail, and forwarding your old email to your new one. Although almost any email address can be configured so that it’s accessible over the web via browser or smartphone, Gmail apps make it easy for even the non-technically inclined to access their email anywhere.

On the writing effective emails front, check out mindtools.com’s article on Writing Effective Emails.

2. Networks and Wi-Fi – Being unable to connect to the internet can derail a remote worker’s entire day. Being able to troubleshoot basic network and wi-fi problems is a must. Also, consider a backup plan, if a tree falls on the telecom lines outside your house, where is the closest wi-fi hot spot?

C-Net has a good primer video on basic wi-fi troubleshooting, which is worth a view if your productivity (and your paycheck) is dependent upon a wireless
connection.

3. “Instant” Communication, Skype, IM, etc. - Availability via IM can be either a blessing or a curse for a remote worker. Consider separating your business and personal life with separate logins for IM services so that you can tune out the chatter from friends, harness this tool for productivity, and gain a sense of “being there” with your colleagues even if you’re far away.

4. Tele- and Web conferencing – Be sure to familiarize yourself with your client’s preferred method of meeting. You can’t blame it on traffic when you’re late to a virtual meeting, and depending on your field, citing technical difficulties might make you look incompetent.

5. Collaborative Tools – Whether its as simple as Google Docs, or as involved as project management tools like BaseCamp, it’s important that you can effectively use the tools that you have at your disposal.

For more a quick primer on Google Apps, check out Google’s very own Google Apps Training Tutorial, and for some quick tips on how to use Basecamp more effectively, see Flatsourcing’s “We <3 Basecamp. How we use it effectively.”

6. Document creation and sharing – Being able to generate clear and concise documents, create the necessary delivery formats (ie, .doc, .pdf, .jpg), and share them via email attachment, web, ftp, or the collaborative tools mentioned above is an essential skill for any remote worker. A great free tool for creating PDF files is CutePDF, it’s free and, once installed, is as simple as clicking “print”.

7. Digital organization – Since the majority of remote work is digital, your computer desktop and local file structures are just as important as the desktop and filing cabinet you would keep at the office. It’s easy – create new folders by right clicking on the desktop, select “New”, select Folder, name it, put files and other folders in side of it according to the organizational structure that makes sense to you.

8. Screencasts/Screenshots - Sometimes its easier to just show someone what your talking about rather than trying to explain it. Being able to take a screenshot, circle part of the image and write notes can be a helpful way to illustrate a point. For explanations of more in-depth procedures, screencasts can be invaluable.

For more info, see About.com’s How To Capture a Screen Shot of your Desktop or the Active Window in  Windows.

For getting started quickly and easily with screencasts, check out NorthStarNerd.org’s Tutorial on Camstudio.

9. Maintenance - Keeping a good eye on the health of your computer can prevent disastrous delays. Anti-virus and anti-malware are a great start, but your hardware’s health is important too. Don’t ignore noisy fans and cranky sounding hard drives! Most hardware failures give warning signs, don’t ignore them.

For more info on computer maintenance see, Optimizing Computer Performance for Online Work Success, featured previous on the oDesk blog. For more advanced users, consider a hardware monitoring tool like SpeedFan, which can help you monitor CPU temperature, and overall hard drive health.

10. Security - Keep your sensitive data private. Run a good firewall, and keep your OS and browser up to date with security updates. For more security tips see, Securing Your Home Network, featured previous on the oDesk blog.

In this post we’ll look at a few aspects of blog posts and showcase some design elements that are used to make the post more helpful, inviting, or attractive.

1. Design Reviver

Design Reviver also includes a large lead image above the post title.

Sub-Headers:

Readability is obviously important to any blog in order to build an audience and encourage repeat visits. One of the best ways to improve readability in posts is to make use of sub-headers, and to have them styled effectively.

2. UX Booth

UX Booth uses different colors for h3 and h4 tags, which helps to visualize the flow or outline of the post.

End of Post Area/Promotion:

At the end of posts and before the comments, many blogs are including things like buttons and links for social media voting, and calls to action that will encourage readers to subscribe.

3. Well Medicated


Well Mediacated has an area for encouraging social media votes and an “about the author” section.

4. Tutorial9

Tutorial9 posts start with a lead graphic and links for social media voting/sharing.

5. Creative Tempest

Above posts on the Creative Tempest is a large lead image.

6. Viget Inspire

Viget Inspire also uses uppercase styling, and if you click through to this post you will see that their use of sub-headers and bold text helps to make the post scannable.

7. ANidea

ANidea’s appraoch is pretty unique. Each post has a lead image that appears above the right sidebar, and just below that is a list of related posts.

8. Web Design Ledger

Above each post on Web Design Ledger is a lead image. Between the image and the post title is a comment count, date of publication and category link.

9. Reality Equation

Reality Equation has a colorful theme, and the purple sub-headers fit well with the approach of the design and they look nice.

10. GoMediaZine

GoMediaZine has a dark, textured area with social media icons and links, as well as related posts and subscription options.

11. AppStorm

AppStorm uses a box that contains two simple lists for related posts and popular posts.

12. Carbon Sugar

Carbon Sugar includes two large areas for voting and for subscribing.

1.Dejan Beljic

2. Football Made in Africa

3.BAR-T

4. Aspired Mind

5. Ndesign Studio

6. Sam-sys

7.VixML

8. Getting Crazy

9. The Rox

10. Lyrical Media

11.Corvus Art

12. Wild About Gardening

13. Sprocket House

1. drew wilson

2. tao effect

3. lisa moseley

4. foehn

5. wcria

6. aronil

7. entropiads

8. albertlo

9. icon dock

10. barack obama

11.elemental

12. darjan panic

13. markup-service

14. real mac software

1. Carbonica

2. Fall for Tennessee

3. Soh Tanaka

4. Africa Tour 2008

5. MacAllen Ridge

6. Mint

7. Grooveeffect

8. Vitor Lourenco

9. Designsensory

10. Jobs on the Wall

11. The 9513

12. Interactive

Here in this post we feature 23 gorgeous celebrity official websites in around the showbiz world!

1. Beyonce Knowles

2. Justin Timberlake

3. Miley Cyrus

4. Carmen Electra

5. Lindsay Lohan

6. Madonna

7. Avril Lavigne

8. Tom Cruise

9. Celine Dion

10. Christina Aguilera

11. Emma Watson

12. Jamie Fox

13. Jackie Chan

14. Victoria Beckham

14. Kevin Costner

15. Taylor Swift

16. Adam Sandler

17. Alice Cooper

18 Marilyn Manson

19. Fergie

20. Jennifer Love Hewitt

21. Bon Jovi

22. Chris Brown

23. Drew Barry More

1. Info Media

2. Swiths

3. Ashes and Milk

4. Matt Dempsey

5. Marcol

6. Gpacheco

7. Stan Gursky

8. Loewy Design

9. Qwert City

10. Bert Timmermans

11. Beakable

12. Shawn Johnston

13. Lion Ways

1. Howarths

2. Jack Threads

3. Creative People

5. Rabotilnica

6. Lucas Hirata

7. Alexarts

8. Jan Sochor Photography

9. Kobe Beefcake

10. Serial Cut

1. Voll

2. Branded 07

3. Seedhunter

4. Bitsamppixels

5. Multiways

6. Samrayner

7. Logobakers

8. CSS tricks