1stwebdesigner

Posted by | Posted on 17:48

1stwebdesigner


5 Simple, Yet Effective Online To-do Apps to Get Stuff Done

Posted: 02 Apr 2010 01:00 PM PDT

I’ve decided my primary focus this year to be on improving my productivity. Almost 4 months have passed. Lots of lessons learned. One of them was: do not make things complex if they can be kept simple. Same with to-do lists. Below you have 5 very simple, yet powerful online to-do tools you might find useful.

I’ve done my best to help you make an informed choice by listing and reviewing the best tools I found so far.

1. TeuxDeux

What is TeuxDux: A very simple web app where you can make to-do list for your next 7 days. I guess they did this because they recommend to plan your week upfront (which makes sense).

Why is it useful: It’s simple and easy to understand. Also it’s very user-friendly. I was able to start using it after 30 seconds literally without any confusion.

My experience with it: I’ve decided to play around with it and create a simple to-do list with not-so-simple-to-do items :). Take a look:

Okay :), not the best list in terms of breaking things down (I’ll let you know what I mean by that later) but gives you a pretty good idea on how can you make your list. You see how intuitive the interface is?

2. Ta-da Lists

What is Ta-Da lists: This is a tool created by 37 Signals, the guys who are responsible for inventing Ruby on Rails . As you can suppose, Ta-Da lists is also created with this programming language.

Why is it useful: Simple, easy to understand and very intuitive. You can create lists for a group of tasks and share every list easily. Sign up required 10 seconds, as you can see from the above picture (my experience also confirms this.)

My experience with it: I’ve played around with Ta-da lists and found it very easy to learn. Again, here’s a simple to-do list:

Oh well, I live in a village, you know :)

3. HiTask

What is HiTask: This is a bit more complicated web tool than the previous two. HiTask is a detailed tool, you can set up tasks at exact time on an exact day.

Why is it useful: You can set up projects, invite team members and easily turn HiTask from a simple to-do software to a powerful team management tool. It’s your choice whether to keep it simple or go more complex (remember, if you don’t have to, don’t over-complicated stuff.)

My experience with it: Their interface left me a good impression. You have a screen shot below:

Next!

4. Remember The Milk


What is Remember the Milk: I would say this is a semi-complicated (using it in context where simple is a “to do checklist” and nothing else, see #1 for an example) application for getting stuff done. You can categorize your activities in different categories, the default ones are Personal/Study/Work.

Why is it useful: Remember the Milk is useful if you need lists for things to do at home, school or work. No default set up is required to organize these tasks.

My experience with it: I’ve played around with this application a bit, here’s a screen shot below:

5. Todoist

What is Todoist: Another great web app for to-do items. The unique thing here is that you can create sub-projects and have a calendar you can utilize.

Why is it useful: Well, they were kind to answer this question instead of me:

My experience with it: …has been great so far. Very intuitive and easy to understand, as you’ll see from the screen shot below:

2 Things To Remember When Making To-do lists

I told you I’m a productivity freak. Here are 2 useful things to remember when doing to-do lists:

  • Break things down. For example, if you write ‘clean out the office’ and think that’s a to-do item, well, you’re wrong. That’s more like a project. ‘Clean out the office’ is a COLLECTION of tasks, not a task itself. So if you have this ‘project’ in mind, then break it down into several ‘to do items’ like ’shred unneeded paperwork’ and so on.
  • Don’t be vague. When you write your to-do items, be specific. For example, if you need to add an effect to a Photoshop image, don’t write ‘add Photoshop effect.’ Write down WHICH effect you need to add. Possibly, also write where you need to add it. Your purpose is to look at the to-do item and know immediately what you need to do without thinking very much.

By the way, the principles above are from a book I own named “Upgrade your Life” from LifeHacker which I found very useful for improving my productivity.

Congratulate yourself because you are already taking action and are in the next stage where you’re learning how to take action more efficiently. I hope this article helped you with that.

The Ultimate Guide to Twitter Theme Design

Posted: 02 Apr 2010 03:00 AM PDT

This post will help you become a real Twitter theme design Guru. You will learn how to design the cool theme, where to draw inspiration or where to get/generate some free themes if you don’t have time to create something on your own, don’t know Photoshop or you are just lazy and spend most of the day enjoying the young spring sun :)

Designing a Custom Twitter Theme

Strange as it may be but all the designers use different (though pretty close) dimensions when designing Twitter backgrounds, here come just a few:

  • 1600 px by 1200 px
  • 1898 px by 1593 px
  • 2048 px by 1707 px

The dimensions you can choose for your Twitter theme depend on 2 factors:

  • the background design you plan creating;
  • the most used resolution (you can check it here ): 1024×768 (26,42%),1280×800 (20,18% ) and 1280×1024 (10,94%).

If you plan creating a graphically rich background and want it to be large enough not to tile you can make it 1600 pixels wide – taking into account the most popular resolutions. If you plan leaving the right area in just a solid color with no graphics or gradients you can make the theme narrower (1200 pixels) and just add an option to tile. In most cases you can make your design 1200 pixels high but don’t forget that the active/informational area should be not higher than 800 pixels as some of us have lots of tools added to the browser toolbar which makes the visible area even smaller.

Creating the design for DesignTermite Twitter theme we have used 1300 x1000 canvas size matching all the most popular resolutions and quite enough to create something unique.

Starting on the Twitter theme design I strongly recommend making a screenshot of some twitter theme in your browser and use it as the basis for future design. The area on the left of the tweeting interface is 250 pixels wide. It’s recommended to leave at least 10 pixels on the right and left of this area for better visibility and perception and thus the active area is around 230 pixels or so (the active area on our theme is 210 pixels).

Having the tweeting interface screenshot as a part of your design will help you to better organize the elements and ensure they are not being covered by the middle area. You will also know where to start the background design on the right side if you plan creating some specific design elements.

The sample of the Twitter theme with middle area overlapping the text info on the left:

Some of designers are also making use of the Twitter background header area and add company name, links, email addresses or contact phones there. This is not an easy thing to accomplish, you have to move the elements, save as .jpg, upload as a Twitter background and look for a perfect location for say a company name at the same time making sure the design doesn’t look cluttered. If you’re a fan of the clean style, you can just leave the header area as it is, if you are a guru of the clean style, it’s worth giving it a try.

Good example:

Bad example:

10 Rules to Follow

Now when you can choose the right dimensions and have a draft with the middle area screenshot ready you can start on design itself. Same as a website home page, Twitter theme should speak about the author/services or whatever you are trying to deliver to your audience. These 10 simple rules will help you make your Twitter theme not just a cool background but an effective marketing tool:

  1. Design your Twitter theme following the style and colors of your website.
  2. Add your photo (if you are a one-company person) for more personal approach (we all like to see who we are working/communicating with).
  3. Add your company logo and company name.
  4. Give a link to your website.
  5. Provide email and contact phone number (in case you check your email often and answer the phone, Twitter is real-time).
  6. If you work in California only don’t forget to mention that, it’ll help you to create a more targeted base of followers interested in your services.
  7. Give a brief description of the services you provide: this can be a few words or several sentences but make sure they deliver the important information.
  8. Spend some time on your design. If you provide design services some percentage of people might judge on your creativity from your Twitter theme.
  9. Keep the design clean. Make sure the middle area is not overlapping your information (this is the problem with 80% of themes having the info block on the left), that your company name is not cut and that Twitter users don’t have to scroll down to see some important info.
  10. Make Twitter theme a small portfolio of your works. If you are a photographer, designer or painter you can nicely integrate the screenshots of your works into the background and your work will speak for itself.

P.S You may skip some of the points above if you own a well established brand or a popular website and just create something cool to keep your fans even more excited and inspired.

Examples:

Using photo as a Custom Twitter background

This is probably the most simple way to create a custom Twitter theme. Just take a cool photo and upload it as a Twitter background. Adding some information will help other twitters to identify who you are and what you do. You still have to keep in mind that the photo size should be at least 1024×800 to cover the background and that the middle area will be covered by tweeting interface. It makes sense to use some abstract rather than portrait photos and blend the edges of the photo into the background to eliminate the harsh edges.

Examples:



Using a Tile Pattern for Twitter background

Not way too creative but not a bad solution if you need things done quickly. You can either type “free patterns”, “tile patterns”, ‘twitter patterns” into Google and look for something to your liking or generate a custom pattern using one of the tools below. Do not forget about size requirements. The patterns look nice but if you want your Twitter background to be informative you’ll have to add backings for text, logo and info. Below you will find some resources where you can find cool free Twitter patterns.

  • BestDesignOptions
    1000+ free background patterns
  • COLOURlovers
    You can choose from the list of patterns available or create your own pattern directly on the website with a cool Seamless Studio application.
  • Stripe Generator
    Allows you to generate only striped patterns but they look quite cool.
  • Tartan Maker
    The name speaks for itself. You can create various tartan backgrounds.
  • BgPatterns
    This one is pretty simple. You are offered to choose a figure that will be repeated multiple times. You can choose the background color, opacity and the angle for the icon-tile. The backgrounds are simple yet very sweet.
  • Guilloché Pattern Generator
    This one is a bit different from the rest and allows to create a unique structure (there are lots of similar generators on the web now). You can use it as a tile for your background and create something unique looking with less efforts.

Examples:

Get a ready-to-go Twitter background for free

The number of websites offering nice free Twitter backgrounds is rapidly growing (and the number of those creating low quality stuff is growing even faster) so we’ll list just a few we like most. The main reason is that Twitter backgrounds are cheap and easy to create and same as the free templates they are used mainly for promotion of some other services and paid design as well as for the text line “created by”. In any case that’s the sweet offer and it would be a mistake not to use it. Also, if you are looking for a holiday Twitter backgrounds you may follow FlashMint and TemplateMonster on Twitter as these template giants usually create free Twitter backgrounds for Christmas, Halloween and other holidays. Most of the websites listed below offer Personalized Twitter Backgrounds and Custom Twitter Backgrounds for a fair fee.

Useful Twitter Tutorials

I hope you will find this post useful and it’ll help you to create a nice and functional Twitter background. Good luck!

Comments (0)

Post a Comment