Thursday, May 28, 2009

Microsoft's Expression Web Designer vs. Adobe's Dreamweaver

Over the last year, a new phrase has been used in the press and at conferences: Web 2.0. The term has come to represent the new era of Web technologies offered to designers, developers, and interactive artists. This new age is built on standards. There are design standards, such as Cascading Style Sheets; meta data standards, such as XHMTL; data transfer standards, such as XML; and accessibility standards for the visually impaired. Design tools for the Web artist are needed to support these standards.

For the last nine years one tool has dominated the Web design world: Dreamweaver. Now, Microsoft is poised to release a competitor. We looked at the latest beta release (CTP), released at the end of last week, to examine what they're prepared to deliver.

Standards have always been a part of Dreamweaver. The problem is that, over the last decade and a half, the standards have changed. HTML 2.0, lead to HTML 3.2, which in turn became HTML 4.0 and now is XHTML -- you can also throw in changes for style management with Cascading Style Sheets, scripting (how many different variations of Javascript can we support?) and specializations in the Web browsers themselves. The bottom line is that Dreamweaver has attempted to support too many legacy standards. The result is a bloody mess.

What is needed is a tool that designers can use to create eye-catching Web experiences, and still retain support for standards such as CSS and XHTML. This balance is hard to achieve, largely because the standards themselves can be difficult to understand and interpret correctly. Simple things -- such as adding ALT tag information to all images -- can be easily missed, but including them is essential for accessibility standards. Target.com recently forgot to fill in the ALT tag information, and they are now being sued by a group of people who claim that the company's lack of support for accessibility prevented them from trading with Target. Non-compliance, it appears, has a price tag.

The balance between supporting standards and allowing your designer creative freedom is delicate and hard to achieve. To date, the only Web designers tool that has effectively been able to allow artists creative freedom and build a site on standards is Adobe's Dreamweaver. But, hang on, Microsoft thinks they have an answer, too. The newly released Expression Web Designer is a tool for the designer that is built on standards.

And, let's be clear on this, Expression Web Designer ain't no pretty version of FrontPage; it is a tool that poses a serious threat to Adobe's dominance in the Web market.

David vs. Goliath -- or is it the other way round?
When you talk of Battles Royale with Microsoft and its competing companies, Microsoft is usually portrayed as Goliath beating up poor little David and unceremoniously spitting out the bones before moving onto the next target. In the battle of the Web design tools, the situation is a little different. First, while Microsoft is a $225 billion company, Adobe is no small start-up. Remember, Adobe just swallowed up Macromedia, the pioneering company that created Dreamweaver in the first place. In addition, Adobe's Dreamweaver is the incumbent tool used by over a million graphics artists. I have been using Dreamweaver since beta 1 of version 1. Is Microsoft really the David in this story?

The only way in which these two products can square off against each other is to look at their strengths and weaknesses as individual products.



By Matthew David

Saturday, May 23, 2009

Design Business Cards in Adobe Illustrator

STEP 1

Download one of these pre-formatted templates and open it in Illustrator:
Right Click > Save As

2" x 3.5" Standard Business Card Template

3.5" x 2" Vertical Business Card Template

STEP 2

Verify that you have guides turned on. You should see lines around the outside of your template.
View > Show > Guides.




The outermost lines are called cut/trim lines. The cut lines show where your design will be cut away from the much larger sheet of paper it was printed on. This ensures color all the way to the very edge of your cards. This method is called full bleed.

Your background colors/design MUST extend past the cut lines!

The innermost lines are called the safety lines. Anything outside these lines run the risk of being cut off. Although the cutting machines are very accurate, staying inside of this area ensures that important text/graphics won't be chopped off. It also helps make your card more readable. Keep all your non-background text, logos, pictures, etc. inside of these lines.

STEP 3

Verify that your design is in CMYK color mode. This is very important as we will not be able to print your design if this setting is not correct.
File > Document Color Mode > CMYK



STEP 4

Now you are ready to begin designing your business card. It's up to you to decide what you want the card to look like. Start experimenting and using the different tools to get the look you want. With unlimited amounts of colors and tools to choose from, anything is possible.

Remember to create separate files for each side of your business card if you wish to have information on the back.

When selecting colors in the color palette, make sure to select CMYK colors.
If you place or insert photo files, make sure they are in CMYK mode.



sources: http://www.greatfxbusinesscards.com/illustrator.htm

How to redirect your page to a new url

If you want http://www.yoursite.com/existingurl to actually display what's at http://www.yoursite.com/newUrl, here is the simplest technique :

Copy the meta content below on your page, and change the url to your reference site.

<META HTTP-EQUIV=REFRESH CONTENT="1; URL=http://www.yoursite.com/newUrl">.

Thats it ;) good luck

Thursday, April 9, 2009

Paint.NET is free image and photo editing software

Paint.NET is free image and photo editing software for computers that run Windows. It features an intuitive and innovative user interface with support for layers, unlimited undo, special effects, and a wide variety of useful and powerful tools. An active and growing online community provides friendly help, tutorials, and plugins.

It started development as an undergraduate college senior design project mentored by Microsoft, and is currently being maintained by some of the alumni that originally worked on it. Originally intended as a free replacement for the Microsoft Paint software that comes with Windows, it has grown into a powerful yet simple image and photo editor tool. It has been compared to other digital photo editing software packages such as Adobe® Photoshop®, Corel® Paint Shop Pro®, Microsoft Photo Editor, and The GIMP.


Go to the Project site:

Get Paint.NET!