Shopify Articles

These are tools we use every day as developers. If you're a Mac-owning web developer, you should consider these apps for your toolkit.

Adobe Shadow - Development tool
Wirelessly connect multiple iOS & Android devices to your computer then synchronously browse, inspect & debug on devices.

ColorSnapper - Color Picker
A global, hotkey accessible color picker for OSX with magnifying loupe. Easily grab hex values for anything.

LiveReload - Development tool
Never hit refresh again. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.

Patterns - Regular expression editor
Regular expressions made easy with this editor. See matches and replacements in real time while you edit your pattern.

Pixelmator - Image editor
The first solid replacement for Photoshop. Beautifully designed, easy-to-use, fast, and powerful image editing.

TextMate - Text editor
The gold standard for editing code. Syntax highlighting plus extensibility via Bundles makes TextMate the best coding experience on any platform.

Transmit - FTP client
The closest thing you'll ever have to fun in an FTP client. It's elegant, flexible, and easy to use.

"We want people doing white hat search engine optimization (or even no search engine optimization at all) to be free to focus on creating amazing, compelling web sites. As always, we’ll keep our ears open for feedback on ways to iterate and improve our ranking algorithms toward that goal."
–Matt Cutts, head of Google's Webspam tool.

Continue reading on the Official Google Webmaster Central blog.

Our friend and client Joe Reichert at Amlings Cycle told me this anecdote about pricing:

Created by MBAonline.com

Do it right: Good enough isn't good enough.

We often remind each other to "do it right." It's our motto, an ethos, and a motivational rallying cry among developers. Get it for your office and start doing it right.

Purchase a print or download it for your desktop:
1024x768
1152x864
1280x800
1280x1024
1366x768
1440x900
1600x1200
1680x1050
1920x1200
2560x1600

Source: Responsive Web Design: Missing the Point

When saving images for the web, we need to strike a balance between file size and quality. For most images, the above settings when used in Adobe Photoshop CS5 will yield excellent quality within minimal file sizes. If you select "optimized" you may get a slightly smaller file size. Resist the temptation. We know that progressive JPEGs (while bigger) will appear to load faster to the user.

What features in Photoshop CS6 matter most to web designers? We downloaded the CS6 beta to find out. In addition to improved performance and a sleek new UI, we found some other gems in the CS6's list of 65 new features.

The new eyedropper shows a sample size popup. We've been using a 3rd party eyedropper in CS5 for this.

Delete a layer effect instead of just disabling it, no more messy layer styles from experimenting.

New document presets for common devices such as iPhone and iPad.

Automatic saving for crash recovery. This alone may be worth the upgrade in potentially saved time.

Insert "lorem ipsum" filler text in type.

CS6 feels like a huge leap forward. It's a far larger improvement than any previous iteration of Photoshop. If you can afford its unchanged price of $699, we strongly recommend it.

You can download the beta from Adobe Labs today.