For example, if you use JavaScript technology to create an auto expanding web layout by detecting the appropriate screen resolutions, this could greatly benefit those with poor vision as they tend to more than likely use a much larger screen than people who are not visually impaired. This ultimately makes your website more accessible, thus increasing the user base to a much larger audience. Below we’ve put together a list of resources and best practices for accessibility that if put to good use, should enable you to develop websites with a much higher level of accessibility.

Please remember to subscribe to our feed and leave us a comment with your thoughts!

What Is Web Accessibility?

This article will not tell you how to make an accessible website. That’s already been done by Mark Pilgrim in his excellent Dive into Accessibility and by Joe Clark in his extensively researched and beautifully written Building Accessible Websites.

As with all overviews, it is somewhat oversimplified and does not cover exceptions and edge cases. The editors and I hope that it will provide a useful touchstone for those readers who have been standing at the shores of accessible web design, fearing sharks where there are only gentle waves.

RAAKT – the Ruby Accessibility Analysis Kit

RAAKT is a toolkit to find basic accessibility issues in HTML documents. RAAKT can be used in an automated quality assurance process to increase developer awareness of accessibility issues and increase speed in accessibility analysis. RAAKT is written in Ruby and can therefore easily be integrated with Ruby on Rails.

Introduction to Web Accessibility

Most people today can hardly conceive of life without the internet. It provides access to news, email, shopping, and entertainment, at any hour of the day or night. Some have argued that no other single invention has been more revolutionary since Gutenberg’s printing press in the 1400s. Now, at the click of a mouse, the world can be “at your fingertips”—that is, if you can use a mouse… and see the screen… and hear the audio—in other words, if you don’t have a disability of any kind.

10 Common Errors When Implementing Accessibility

Web developers attempting to build accessible websites often make the same mistakes time and time again. Although they’re trying their hardest sometimes their overzealousness gets in the way and actually hinders the accessibility of their websites.

W3C and Web Site Accessibility

The W3C and Accessibility section includes annotated links to W3C’s accessibility guidelines, checklists, articles and tutorials, and related accessibility information at W3C’s site. The W3C and Accessibility section includes annotated links to W3C’s accessibility guidelines and articles and tutorials at W3C’s site on accessibility.

Designing More Usable Web Sites

This section of Designing a More Usable World is dedicated to cooperative efforts linked toward building a more usable Web for all. At the present time, there are a number of interlocking and interrelated efforts.

Java Accessibility Quick Tips

The following are quick tips on how to make Java applications accessible. A full set of guidelines, which also contain code snippets as well as information on how to build custom components, are available in IBM’s Guidelines for Writing Accessible Applications Using 100% Pure Java and The Java Tutorial. A condensed version of these two can be found in Developing Accessible JFC Applications.

Improving Website Accessibility for Better Search Results

Finding the balance between making a website accessible and integrating the latest web 2.0 technologies isn’t one that is mutually exclusive. The deployment of accessibility standards and technologies can bring new benefits and opportunities for business advantage. In general terms accessibility can benefit a broader audience and improve website performance for users. Improved access and usability in turn broadens your website appeal and actively improves your users’ experience online.

AJAX Accessibility for Websites

AJAX or Asynchronous JavaScript and XML, is an innovative way of using existing technologies to create highly interactive web applications. AJAX allows portions of the page to be updated without having to refresh and reload the entire page. It can increase site performance significantly and provide cutting edge user interfaces. Unfortunately it can also be a source of concern for delivering fully accessible web sites.

WAVE Accessibility Eval Tool

WAVE is a free web accessibility evaluation tool provided by WebAIM. It is used to aid humans in the web accessibility evaluation process. Rather than providing a complex technical report, WAVE shows the original web page with embedded icons and indicators that reveal the accessibility of that page.

Evaluating Website Accessibility

Developers and designers can use these techniques to make sure the sites they build don’t contain any huge accessibility problems, and website owners can use them to assess the quality delivered by their web consultancy.

Beginners Guide To Web Accessibility In The UK

There’s a lot to learn about accessible website design. Here we present some of the facts about web accessibility in the UK, a beginners guide for dummies. **** Note We have just moved this archive to this site – over the next couple of months we are checking the information provided (22 Jan 2008).

Web Accessibility Checklist

As Dr. John Slatin always said, “Good design, is accessible design.” Make sure as you begin your design process at least one person on your design team understands the principles and techniques of making a web site accessible. Consider accessibility and usability from the very beginning of your project. Designing for a defined audience and with known parameters leads to quality results. And while retro-fitting accessibility into a web site is always possible, it isn’t the recommend course of action.

Web Accessibility – Why do it?

What if you were deaf and the world around you were simply muffled vibrations instead of clear, crisp sounds? How about if, when you awoke every morning, your world looked just like it did while you were asleep – pitch black? For most of us, when we want to find out the latest news or do some online shopping, we simply open up our favorite Internet browser and sit back and relax.

Accessible Online Video for Keyboard-Only Users

When making accessible online video we all tend to think about the needs of blind and deaf users, concentrating on subtitles and transcripts. These features, while essential, can be time-consuming and technically difficult to implement, and are still only part of the accessibility job. An oft-forgotten group, when it comes to accessible online video, is the motor impaired and particularly keyboard-only users.

Web Accessibility and the Law

The state of legal requirements and protections concerning the accessibility of websites is far from uniform. Many countries have some form of web accessibility laws in place, but the extent of those laws is radically variable. Furthermore, as many websites serve multiple countries, the question of jurisdiction can become a tricky aspect of accessibility law. It’s well beyond the scope of this article to discuss the exact limits of web accessibility law around the globe, but I do aim to discuss the ramifications and philosophies of these laws for your web-based business.

Evaluating Cognitive Web Accessibility

Web accessibility for individuals with cognitive or learning disabilities is varied and complex. It is an area with little definitive research and few concrete recommendations. Even WebAIM’s report on cognitive research shows that users with these disabilities are as varied as the common recommendations provided by those in the field of web accessibility.

Accessibility and the Swing Set

One important feature of the Java Foundation Classes (JFC) is their support for accessibility — that is, support for hardware and software designed for people with disabilities, such as blindness or limited sight, deafness or limited hearing, or dexterity-related disabilities such as the inability to operate a mouse. Support for accessibility is a very important feature of Swing. In fact, the Swing set is the only Java programming language component set that can be used to write accessible user interfaces, whether for web, for desktop, or for people with disabilities.

Web Accessibility and Persons with Disabilities

Inherent to the purpose of the World Wide Web is equal access to its contents by all persons. From an even broader perspective, the evolution of the Internet has been built upon the ideal of leveling the information access playing field for all persons. Since the Web’s inception, concerned designers have struggled with techniques and guidelines to make their pages accessible to a wide range of viewers. We have learned that there is a considerable gap in content accessibility between those with vision, auditory, and mobility impediments and those without such impediments. The gap between these two is closing, thanks to a new Federal law. Section 508 of the Rehabilitation Act Amendments of 1998 requires that electronic and information technology be accessible to persons with disabilities. Section 508 also required the Architectural and Transportation Barriers Compliance Board (Access Board) to set standards for compliance with the law.

Accessibility of Links

Links were only identifiable by being a different color from the content around them. They weren’t bolded or underlined. A link was, for example, blue, amidst copy that was black. This can cause significant problems for those with certain types of color blindness or vision limitations that prevent them from seeing certain colors. If you take color out of the equation, there is absolutely no way to visually identify which parts of these pages are links.

Please remember to subscribe to our feed and leave us a comment with your thoughts!

So You Want to Create a Font. Part 1

So you’re a brilliant designer, a master calligrapher, and you’ve learned all about serifs, side-bearings, and kerning. Now you want to create your own font. (What! You haven’t learned all about serifs, side-bearings, and kerning? Well, make sure you read all of the articles on iLT before you embark on font creation! You’ll need all of the knowledge you can get if you plan on being successful! And if you’re not a brilliant designer or a master calligrapher, well, don’t worry—you can still create some beautiful fonts with a little hard work, a lot of knowledge, and a little inspiration.) Here’s Part 2

How to: Make a Hand-Drawn Font

Before I start, let me say that this is by no means the only way to make a hand drawn font. Ever since I began giving away fonts, I’ve had many requests for me to write a tutorial on my font making process, so here it is. This is how I do it, and depending on your responses, I can go deeper into a FontLab Studio tutorial. This tutorial, however, is designed to reveal my process from start to finish. A lot of you may not have FontLab Studio, so you may need to adapt the second half of the tutorial to whatever font software you may have access to. Here we go.

How to Create Your Own Fonts and Edit TrueType Fonts

Wouldn’t it be neat if you could create your own TrueType fonts, name them whatever you want, and actually use them in your programs like Word, Photoshop, etc? I usually don’t write about software that isn’t free, but there’s some really cool software out there that you can use to not only create your own Windows fonts, but also to edit the fonts that are currently on your system!

Creating a Pixel Font From Scratch

We’ll start with some maths first. Fonts are designed in the abstract “FUnit” measurement. FUnits make up the also abstract “Em-Square”. The number of FUnits in an Em-Square is a value you choose when creating a font.

Creating a Font Part 1 and 2

This follows on from my original post detailing the original sketches and tracing in illustrator. Now I have the capital letters for this font set up I need to calculate the cap height, x-height, ascender and descender. As I am only doing the caps for this release that makes life a bit easier but I will still calculate the other heights for when I finish the rest of the font collection.

Create Your Own Font Using FontStruct

Built using a slick Flash-based interface, FontStruct is a perfect example of “social software” done right — a kind of Threadless for typographers. The font construction tool is intuitive and fun to use, and the gallery allows users to share their fonts, comment on other people’s fonts, and download people’s creations.

Creating a Custom Font for Business Cards

If you have the know-how, creating a custom font for business cards can contribute to the overall uniqueness of a company’s first impression, and thus help convert more sales. Creating a custom font isn’t that difficult if you have the right resources, but first it’s important to make sure you really want to use a custom font.

How to Design A Font: {Part 1} Get Inspired!

You always want to be trend setting in the design community, what’s the point of creating the same thing someone else has already? It’s very important to be designing something that nobody has seen before, that has your own style. What I’ve learned is that by looking at amazing work it motivates me to make something equally as amazing. I love checking up on some of my favorite designer’s latest pieces. I would HIGHLY recommend that if you haven’t already gotten hooked up into a social bookmarking site, do it now!

Below we’ve compiled a list of 18 Essential Apps for Web Development on a Mac. Hope you enjoy! Please remember to subscribe to our feed and leave us a comment with your thoughts!

BBEdit

BBEdit is another full-featured text editor that is very similar to Textmate in terms of features. The BBEdit product page even has a section for web developers to see the benefits of BBEdit. For those Mac users who think BBEdit is better than Textmate, it’s usually because BBEdit is a Cocoa application, and TextMate is a Unix application. Without getting into the nitty-gritty between the two editors, the main differences between the two applications are 1) look-and-feel and 2) price. BBEdit is a steep $125, more than double the price of TextMate.

MAMP

MAMP is a quick and painless way to set up Macintosh, Apache, MySQL and PHP in the same environment. What used to be a tedious process now literally takes just a few seconds between downloading MAMP and installing the software. Instantly you’ve got a fully-functional web testing environment for your PHP applications. It also comes locked and loaded with PHP extensions like Zend, and you can specify different cacheing types like APC, eAccelerator or XCache.

You can apparently use MAMP to run a Rails environment as well.

Apanta

Aptana to the list. Aptana is a programming environment for languages like PHP, Rails, Java, Ajax, Javascript and others. The software also comes with optional plugins like Adobe AIR and an iPhone environment. Apanta is free to use for everyone.

Cyberduck

Cyberduck is an incredibly user friendly FTP client that’s provided for free and licensed under GPL. It can be used in many different settings, like FTP, SFTP, WebDAV and Amazon S3 straight out of the box. Cyberduck also integrates seamlessly with essential Mac functionality, like Bonjour, iDisk, Growl, AppleScript, Spotlight and even Quick Look to instantly see the guts of the file with a tap of the spacebar.

My favorite aspect of Cyberduck (aside from the free-ness), is the fact that it integrates easily with many text editors like Textmate. As an added bonus, Cyberduck also allows you to use Quicksilver to access your FTP bookmarks. Very handy.

Transmit

If Cyberduck is a cadillac of FTP clients, than Panic’s Transmit is a Rolls-Royce. It offers almost all of the same functionality as Cyberduck, but adds a little more robustness for advanced user. For example, you can edit any remote file (even a picture or graphic) in any software using Transmit.

The only downside to Transmit is that it costs $29.95, whereas Cyberduck is free.

cssedit

cssedit is a CSS editor with a fantastic user interface. It has the look and feel of a Mac application, which makes the experience of editing CSS much more enjoyable. It has nice built in features like being able to extract stylesheets and learn from other other websites, an inline visual editor, and you can even edit css inside of ajax.

cssedit will cost you almost $43, but if you’re a sucker for beautiful interfaces, this software might be exactly what you’re looking for.

Coda

If you’re building a site from scratch, it’s nice to have a program like Coda where you can manage all the files and FTP functionality from within one program. Built by Panic, the same guys who develop Transmit, Coda is a one-stop solution for web developer. Within code you can manage files, ftp to a server, preview the code, use a css editor (like cssedit), and even use Terminal all from within Coda. And if that weren’t enough, they’ve thrown in a copy of The Programmer’s Desk Reference from within the software.

Changes

Changes is a nifty application that lets you visually browse changes to your code base. Instead of having to use a subversion to manage your code base (though Changes works with svn and other repository software), you can use Changes. This is great for sites that have multiple developers working on them and want to make sure their code is up to date. You can use your favorite text editor like Textmate or BBEdit to edit files.

Colloquy

IRC is an old skool method of chatting online, and has been the method of choice for programmers and developers to communicate. Many major projects like Wordpress use IRC to provide support for their open source projects.

Colloquy is an extremely helpful IRC client for the Mac. It’s open source, allows for plugins and styles, and even has an iphone interface. Robust, elegant and powerful.

SubEthaEdit

SubEthaEdit is a collaborative text editor for the Mac. You can use the software as a text editor, note-taker and for co-writing text. It integrates with Bonjour, iChat and Mail, but isn’t limited to those integrations. SubEthaEdit also has a fairly robust editing syntax for many different languages. So really, this is a swiss-army tool for developers that work in a collaborative environment that share code often. It’s not free (around $54), but SubEthaEdit could be well worth the price given its usefulness.

Terminal

The built-in Terminal is a great place to start when working with the command line. There’s a great guide to learning Terminal, but essentially Terminal is a bare-bones tool that allows you to do just about… anything. I’d recommend you read the tutorial for a better explanation (as it’s outside the scope of this article). I’d also recommend snagging the Quicksilver plugin for Terminal to help speed your usage.

iTerm

If you’re looking for a way to ease the pain of using the command line and Terminal, try iTerm. iTerm is a “Terminal emulation program” that adds a bit more functionality and user friendliness to Terminal. It offers features like multiple tabs, bonjour support, bookmarks, and much more.

phpMyAdmin

phpMyAdmin is the kindly old grandfather of database management scripts. Not necessarily hip to an attractive user interface, phpMyAdmin still has the skills to pay the bills. You can manage your databases locally using this stable script. It ships with MAMP, so installation is a breeze. If you’re not MAMP, then you’ll have to configure PHP to run on your Mac, which is a much more involved process. Still, phpMyAdmin is a tried and tested solution for managing databases with a UI.

CocoaMySQL

CocalMySQL is a database tool developed specifically for Mac with Cocoa. It has the elegant look and feel of a true Mac application, and is laden with features. CocoaMySQL is much easier than phpMyAdmin on almost all fronts; it’s easier to setup, has a much more intuitive interface, and runs more like a Mac program. The software is also licensed under the free GPL license.

Quicksilver

Quicksilver is a launcher tool that does so much more for developers. If you’re wanting to save time and keyboard strokes, consider giving Quicksilver reign over your computer. For more information as to what Quicksilver is, check out Lifehacker’s introduction to the Mac launcher.

The real beauty of Quicksilver lies in the countless plugins with software that many web developers already use.

Xcode

Xcode is Apple’s development package. This gi-normous 900mb download adds tons upon tons of system mojo that you’ll probably have to eventually install to your system that you’ll probably use down the line. Many serious development software like SVN and the like use dependancies that Xcode takes care of. Xcode is free for the taking.

Isolator

While Isolator isn’t a crucial application for developers, it’s quite handy for blocking out distractions while you’re getting work done. Isolator is a free program that blocks out everything but the single application you’re working on. This gives a distraction-free environment for writing, programming, or whatever else needs your attention. Just tap the keyboard command cmd + shift + I (or use the toolbar menu) to start/stop Isolator.

Spaces

Spaces is a handy built-in application for Leopard users. It allows you to set up virtual “spaces” for different screens on your computer. This is helpful for developers because you can separate your work flow into different panes. For example, you could have ftp and terminal open in one space, Textmate in another, Firefox in the third and Gimp or Photoshop in the fourth. It’s easy to toggle between the spaces using the command ctrl + arrow, or you can use ctrl + the number of the space you want to switch to.

Here is an extensive lists of websites that have simple, yet effective contact forms that are designed for high conversions.

(Hope you enjoy! Please remember to subscribe to our feed and leave us a comment with your thoughts!)

MailChimp

Why Its Effective:

• “Completely Free Account”
• “No Credit Card Required”
• Great Use of Testimonial
• Links to Anti-spam and Terms of Use (Established Trust with User)

Netflix

Why Its Effective:

• “Start Your Free Trial:
• Good Use of Secure Server Graphic
• Privacy Message at Bottom
• Only Ask for Email and Password
• Good Offer and Use of Graphic

StoryJumper

Why It’s Effective:

• Simplistic
• Name Explanation
• Age Explanation

BusyLissy

Why It’s Effective:

• Various Sign Up Options (OpenID)

Clashe

Why It’s Effective:

• Explanation of Screen Name
• E-mail can be used in case Forget Screen Name
• Basic Info on Initial Sign Up
• Example of “Featured Profiles”

Lastpass

Why It’s Effective:

• “Great! I’m Ready To Sign Up!” Call to Action
• Paypal and Google Checkout Payment Options
• E-mail Only to Sign Up
• Credit Card Icons for Trust

Plan.FM

Why It’s Effective:

• “Takes 30 Seconds”
• Quick Summary of the Service
• Shows Username Format

Planio

Why It’s Effective:

• Shows Subdomain URL When You Create Domain
• Easy Checkbox for Terms and Conditions
• Clean and Simple Design

ClientShow

Why It’s Effective:

• Nicely designed Field Boxes
• Easily Enter Promo Code Before Submit
• Tells You What Happens When You Sign Up

Trackur

Why It’s Effective:

• Quickly Get Started “in 60 Seconds”
• “14-Day Free Trial”
• No Obligations

Tinkrbox

Why It’s Effective:

• Good Use of Graphics
• Facebook Connect Integration
• Ability to Login or Register
• Watch a Video – Establish Credibility

Foursquare

Why It’s Effective:

• Describes the 3 Steps
• Facebook Connect
• Easy Photo Uploader
• Password (minimum 5 characters)
• Nicely Designed “Join” Button

Filebox

Why It’s Effective:

• Great Side-By-Side Chart
• Optional Free or Premium Registration
• E-mail/Password to Sign Up

ZenDesk

Why It’s Effective:

• 30 Day Free Trial
• “No Credit Card Required”
• “No Long-Term Contracts or Fees”
• Allow You To Choose a Unique Address

CutMyPic

Why It’s Effective:

• Good Graphical Representation of Steps

TypeKit

Why It’s Effective:

• Confirms Plan Chosen
• Shows Whats Included
• Allows To Easily Change Plan
• Links to Terms of Service and Support

SalesForce

Why It’s Effective:

• “No Downloads, No Software to Install”
• Video From an Employee
• 30 Day Free Trial
• Quick Drop-downs
• “Start Free Trial” Button

FreshBooks

Why It’s Effective:

• Easily View All Plans
• See What’s Included
• Recap of What You Are Receiving
• Enter Your Personalized Login Page

There are a few trends you will notice between all of these examples.  They all have a clean and simply layout, tell the user what they are getting, explain IN DETAIL what is needed to complete the form, and why the information is needed.  By doing these things, you make the user feel more secure and is willing to give you their information.  As a best practice, if a form requires little information about the user and can be completed in 15 seconds, they are more likely to complete the form.

Further Readings

• TechWyse:  Optimizing Contact Forms On Your Website
• SEOmoz:  Captchas Effect on Conversion Rates
• 1stWebDesigner: 91 Trendy Contact and Web Forms for Creative Inspiration
• WPBeginner: Best Practices on Contact Form-Page Designs in Wordpress
• TripwireMagazine: 45+ Really Essential Free HTML [Form] Enhancements

All we have to say is CONGRATULATIONS to our three winners! You will be contacted by email (if you haven’t already) to arrange shipping of your product(s).

Please remember to subscribe to our feed for more great articles and amazing giveaways! We’ll strive to do one giveaway a month.

MacBook Pro Winner

Andrew -Comment #8

Coda Winner

Albis M. -Comment # 19

Expresso Winner

Nick Gonzalez -Comment #29

Hope you enjoy! Please remember to subscribe to our feed and leave us a comment with your thoughts!

How Does MySQL Really Work?

MySQL security operates on the Access Control List (ACL) fundamentals for all connections, queries and several other functions that users perform. But what does it all mean? This pretty much means that as different users access your site, each one can have a different level of access to certain databases and tables. Some will also be limited to certain operations, however, this depends totally on what level of security and privileges you, the developer, decides to give users. In example, a user with complete privileges that accesses your your site may be able to perform such operations as view registered users, delete them, add new users, email them and moderate them in general. While another set of users may be limited to what they can do, and they may only be allowed to view, or in other words be a “spectator“.

With all of these privileges and limited operations, there may be users that are out to gain full privileges and access to your database whether you give it to them or not. Their main goal is to bypass all of your security measures, and for these users and security risks, you should implement a few of the tips you’ll get aquatinted with below.

Vital Tips for Development

1. Validation of user input necessary from the server side – Validate the user input with Javascript from the server side as well, if you have done so from the user’s perspective.

2. Do not blindly follow User Input – Do not trust the input by the user without verifying its compatibility or correctness. Checking with the strstr() and prompting that the username is not valid to the user is a good countermeasure.

3. Direct implementation of user input on SQL queries to be avoided – Do not directly use the user input into SQL queries.

4. Up to date 3rd party code libraries – The latest version of all 3rd party code libraries should be with you to avoid jeopardizing the security of the code.

5. Library file extensions to be PHP – Have a PHP extension to avoid others to manipulate your passwords and other confidential information and data in the code.

6. PHP too, should be up to date – Keep checking the site www.php.net and keep consulting with other PHP development experts or colleagues regularly to append as well as know about fixes on security issues, regarding  MySQL development.

7. Be Well Read about Security concerns – Read books, consult web development experts and also read about the contemporary trends in security concerns in MySQL and PHP development round the world.

8. Escape the Output – Helps you avoid XSS (Cross Site Scripting) invasions on your development code.

Hope you enjoy! Please remember to subscribe to our feed and leave us a comment with your thoughts!

Hope you enjoy! Please remember to subscribe to our feed and leave us a comment with your thoughts!

Colorful Stickers

Download

Croqette Icons

Download

Social Sketches

Download

Computer Part Icons

Download

iPad Icons

Download

Letter Pressed Icons

Download

iPhone Icons

Download

Go Green!

Download

Wooden Badges

Download

3D Social Media Icons

Download

Onibari Light

Download

Web Social Icons

Download

Clean Sketchy Icons

Download

This is especially why we’ve compiled this unique and almost perfect list of Free WordPress Themes that make the cut and can surely outdo the rest of not-so good themes that claim to be “premium”. Hope you enjoy! Please remember to subscribe to our feed and leave us a comment with your thoughts!

Compositio

Download

Bueno

Download

Aparatus

Download

AppCloud

Download

Good Theme

Download

Obscure

Download

Structure Theme

Download

Gallery

Download

Mayumi

Download

deStyle

Download

Simple Cart

Download

WPStream

Download

75Theme

Download

LiveTwit

Download

NewsPress

Download

Smashing Multimedia

Download

Satoshi

Download

Blue Rooster

Download

Gadgetizer Theme

Download

BlueBubble

Download

MacBook Pro

The 15″ MacBook Pro features new LED backlighting, the first for a laptop display this large. The MacBook Pro display can be had with an anti-glare coating or a glossy option. The latest MacBook Pro uses nVidia’s new GeForce 8600M GT graphics controller (GPU). Based on an entirely new architecture, this laptop version of the 8600 chipset should out-perform the ATI Mobility Radeon X1600 used in the previous MacBook Pro, but our test results were inconsistent. The 8600 series also include an H.264 decoder, but we don’t know if Mac OS X takes advantage of this.

• excellent display color, brightness and clarity; won’t fade over time.
• 2 GB of memory standard
• excellent keyboard and trackpad
• good expandability (FireWire 800, Express/34, 30″ Display support)
• very good battery life

Coda

This one-window Web design app has all the tools you need for creating great Web sites. Collaboration tools let you seamlessly work together with others, and an integrated FTP sidebar– using the power of Panic’s Transmit–helps you get your site updated quickly. Hand coding experts will like the full-featured CSS and text editors, with tools that are always only a click away. Time savers like the Clips feature make frequently used code handy and convenient. We particularly like the powerful Find and Replace tools which let you drag-and-drop global changes to your code. If you’re searching for a reasonably priced Web design tool for Mac, Coda has plenty of handy tools to help you get your site up and running quickly.

Expresso

Now, Espresso delivers something better than a caffeine boost: a web editor with style. Espresso is not a bunch of apps thrown together. Instead, we looked at the needs of web developers and streamlined their workflow into one gorgeous, focused app. Fast and powerful editing, sleek projects, live preview, awesome publishing and extensive synchronization tools.

Please Note: Results will be given on February 20th and winners will be randomly chosen using Random.Org services. Good Luck!