Download Squadhttp://www.downloadsquad.comDownload Squadhttp://www.downloadsquad.com/media/feedlogo.gifDownload Squadhttp://www.downloadsquad.comen-usCopyright 2008 Blogsmith, LLC. The contents of this feed are available for non-commercial use only.Blogsmith http://www.blogsmith.com/Ten Tips for Web Design Magichttp://www.downloadsquad.com/2007/11/21/ten-tips-for-web-design-magic/http://www.downloadsquad.com/2007/11/21/ten-tips-for-web-design-magic/http://www.downloadsquad.com/2007/11/21/ten-tips-for-web-design-magic/#commentsFiled under: , ,

Web Design MagicNow that we've harangued you to upgrade your Web site, take advantage of business blogs, read your Web stats/, incorporate search engine tips and use Web 2.0 themes, it's time to choose a Web design firm to make all of the above happen for your small business. Google "web design" and spend the rest of your natural life clicking links or narrow down your search around some specific best-practices criteria.

Continue reading Ten Tips for Web Design Magic

Permalink | Email this | Comments
]]>small businessSmallBusinessweb designweb design companyweb site redesignWebDesignWebDesignCompanyWebSiteRedesignSue Polinsky2007-11-21T08:30:00+00:00What eye movement teaches us about web designhttp://www.downloadsquad.com/2007/11/15/what-eye-movement-teaches-us-about-web-design/http://www.downloadsquad.com/2007/11/15/what-eye-movement-teaches-us-about-web-design/http://www.downloadsquad.com/2007/11/15/what-eye-movement-teaches-us-about-web-design/#commentsFiled under: , , , , , ,

Google Heat MapVirtual Hosting has an excellent article up detailing 23 actionable web design lessons that we can learn from eye-tracking studies. Most of the items are common sense: people scan web pages rather than read them, people look at the top left corner of the page first, people ignore banner ads, people ignore fancy formating that looks like ads, etc. But why do people interact with pages in this manner?

The answer should be obvious: web designers have trained visitors to use their sites in a certain way. Yahoo, Google, AOL, and MSN all format their sites according to the above listed guidelines. Because of this, people expect site names and logos to be a the top left. They expect banner shaped images to be banners and therefore ignorable. They expect sites to look, feel, and function a certain way and they are very frustrated when they don't.

In a way it is like news papers. People expect news papers to look and function a certain way no matter what city or country they are in. Its perpetually reinforcing as each site that follows this standard pattern (which is not a bad pattern by any means) causes more users to expect the next site they visit to look the same. It is good because it promotes usability but bad because it limits creativity and new design patterns. People have to innovative inside a very small box.
Read | Permalink | Email this | Comments
]]>design tipsDesignTipseye movementEyeMovementweb designWebDesignIan Smith2007-11-15T09:00:00+00:00Easy CSS Layouts with YUI CSS Grid Builderhttp://www.downloadsquad.com/2007/09/24/easy-css-layouts-with-yui-css-grid-builder/http://www.downloadsquad.com/2007/09/24/easy-css-layouts-with-yui-css-grid-builder/http://www.downloadsquad.com/2007/09/24/easy-css-layouts-with-yui-css-grid-builder/#commentsFiled under: , , , ,

YUI CSS Grid Builder

In the world of web developers there are two standard ways of laying out a web page. The classical way is to use tables and structure your web page like you would an Excel Spreadsheet or a Word document. The second is to use Cascading Style Sheets that let you create elements on the page and position them according to your needs. For a large variety of reasons CSS based layouts are the way to go: they use less code, they are more customizable, they support various effects that aren't possible with tables, and they run faster in modern web browsers. The problem? They are darn hard to code!

Enter the CSS Grid Builder from the good folks at Yahoo!. Yahoo! has spent thousands of hours crafting web pages and testing them across all the possible OS and browser combinations (yes, even Opera). The end result of all this testing was the public release of the Yahoo! User Interface CSS and JavaScript libraries. The CSS Grid Builder is a simple web-based interface for quickly creating any number of layouts that rely solely on YUI's CSS files. This gives you the advantage of easily and visually laying out designs without using tables, and they will work the same way in every popular browser
Read | Permalink | Email this | Comments
]]>cssweb designWebDesignyuiIan Smith2007-09-24T18:00:00+00:00Design Tip: Inspect CSS with style in your browserhttp://www.downloadsquad.com/2007/08/22/design-tip-inspect-css-with-style-in-your-browser/http://www.downloadsquad.com/2007/08/22/design-tip-inspect-css-with-style-in-your-browser/http://www.downloadsquad.com/2007/08/22/design-tip-inspect-css-with-style-in-your-browser/#commentsFiled under: , , , , , , ,

Whilst there's plenty of tools around for helping with CSS styling, if you want a neat little browser bookmarklet that displays all the properties associated with the selected element and "box model for any element on any web page", then XRAY from WestCiv might be just the thing.

XRAY shows you the sizes and other attributes of element you select, fades the rest of the page out and hovers a panel over the page to show the properties. For those of you wanting a quick and easy way to inspect CSS box models, this might be the very thing, and is entirely cross-platform meaning Internet Explorer, Mozilla derivatives and Safari users can take advantage of this freebie.
Read | Permalink | Email this | Comments
]]>CSSdesignwebdesignwebstandardsNik Fletcher2007-08-22T03:00:00+00:00Design Tip: Save the shoot with PhotoRescuehttp://www.downloadsquad.com/2007/07/30/design-tip-save-the-shoot-with-photorescue/http://www.downloadsquad.com/2007/07/30/design-tip-save-the-shoot-with-photorescue/http://www.downloadsquad.com/2007/07/30/design-tip-save-the-shoot-with-photorescue/#commentsFiled under: , , , , , ,

It's your worst digital nightmare, apart from perhaps a full system recovery, the losing of digital photos. We've all been bitten by a memory card or computer itself ruining a set of pictures at some stage, however well-renowned Flickr and Zooomr-based photographer Thomas Hawk points to a handy tool that might just save your bacon: PhotoRescue 3.0 from DataRescue Software.

Hawk also provides a set of tips for using the software to its full potential, and one tip that we'd add to the excellent advice is not to fill your memory card as full as absolutely possible - leave a little bit of space to avoid completely corrupting the memory card. There's nothing worse than shooting a couple of gigabytes (or more) of photos, only to have them written off by your own desire to reap value from a massive memory card.

PhotoRescue is not free, although judging by the review linked below, it might just save not only your photos, but your sanity too when the panic of "Er, I just lost a whole holiday's worth of photos" really begins to set in. Your $29 gets you a Windows and a Mac licence to the app.
Read | Read | Permalink | Email this | Comments
]]>Nik Fletcher2007-07-30T17:20:00+00:0025 best free high-quality fontshttp://www.downloadsquad.com/2007/07/15/25-best-free-high-quality-fonts/http://www.downloadsquad.com/2007/07/15/25-best-free-high-quality-fonts/http://www.downloadsquad.com/2007/07/15/25-best-free-high-quality-fonts/#commentsFiled under: , , , , , , ,

25 Best Free FontsFree fonts are everywhere online, but in most cases you get what you pay for. While many people are happy using hacked together fonts, discerning viewers notice the little things that set a well-made font apart from the wannabes.

Freelance web designer Vitaly Friedman has put together a listing of his choice of the best 25 free fonts available online, and it's very hard to argue with his choices. He plainly states that his bias is towards fonts that are useful in a business setting, rather than those that would be more at home "on a colourful teenager's homepage". Don't miss the update at the top of the post including links to new fonts Fontin (seen here) and Delicious. Beautiful stuff.

It's easy to forget that there is more out there in terms of useful business type faces than Times New Roman and Arial. Thanks to Vitaly, we can all experiment with some more interesting but still classy looking fonts in our next report or PowerPoint presentation.
Read | Permalink | Email this | Comments
]]>25 free fonts25FreeFontsbest free fontsBestFreeFontsfontsfree fontsFreeFontsJason Clarke2007-07-15T14:00:00+00:00Design Tip : Make yourself part of Tom Goes to The Mayorhttp://www.downloadsquad.com/2007/04/25/design-tip-make-yourself-part-of-tom-goes-to-the-mayor/http://www.downloadsquad.com/2007/04/25/design-tip-make-yourself-part-of-tom-goes-to-the-mayor/http://www.downloadsquad.com/2007/04/25/design-tip-make-yourself-part-of-tom-goes-to-the-mayor/#commentsFiled under: , , , , , , ,


If you're a fan of the Adult Swim network, you've certainly seen Tom Goes to The Mayor and probably wondered, "How do they do that?" The show's oddball humor is punctuated by innovative and simple sparse-frame animation, dominated by characters who look stimpled and photocopied onto the set.

If you've longed to be on Tom Goes to the Mayor but aren't as cool as David Cross, Sarah Silverman, Brian Posehn or any number of other hot alt-comics who've graced the show's two seasons, fear not.. we'll show you how to make your own Tom Goes without flying to Hollywood, or breaking the bank.

Continue reading Design Tip : Make yourself part of Tom Goes to The Mayor

Read | Permalink | Email this | Comments
]]>Adult SwimAdultSwimBrian PosehnBrianPosehnDavid CrossDavidCrossEric WarheimEricWarheimSarah SilvermanSarahSilvermanTim HeideckerTimHeideckerTom Goes To The MayorTomGoesToTheMayorGrant Robertson2007-04-25T15:30:00+00:00Design Tip - 500 Fontshttp://www.downloadsquad.com/2007/04/19/design-tip-500-fonts/http://www.downloadsquad.com/2007/04/19/design-tip-500-fonts/http://www.downloadsquad.com/2007/04/19/design-tip-500-fonts/#commentsFiled under: , , , , , ,

Flipping through free font sites is not an ideal way to spend time (hate those pop-up ads) however, you can go to Fonts 500 which provides the top 500 fonts from some of the web's biggest free font archives. Here you can cull through your favorites and know that users like you found these the best to download.

Btw, the two fonts used in the Download Squad graphic are Heartland (for "Download" and Swatch (for "Squad").

[via Lifehacker]
Read | Permalink | Email this | Comments
]]>designfontsfreefree fontsFreeFontstop 500 fontsTop500FontsDolores Parker2007-04-19T17:00:00+00:00Design Tip - web color for the rest of ushttp://www.downloadsquad.com/2007/04/12/design-tip-web-color-for-the-rest-of-us/http://www.downloadsquad.com/2007/04/12/design-tip-web-color-for-the-rest-of-us/http://www.downloadsquad.com/2007/04/12/design-tip-web-color-for-the-rest-of-us/#commentsFiled under: , , , , , ,

If you missed the color course in college or habitually spend a small fortune on paint tester cans only to throw recycle them, you can (unlike at the paint service desk at Home Depot) get really good color help online. On the web, there are professional color palettes from infinite sources to help you out. Here's a few unearthed from Fuzzy Future to help you find the perfect color match for your design project:

ColorBlender
You can slide the RGB buttons to create a core color which then automatically creates a coordinating palette.




DeGraeve
Input the URL of an image and the site will generate a lovely palette to match.



Kuler
Kuler from Adobe Labs helps you create endless colors and you always come out looking like a pro.



EasyRGB
Match your RGB values to real color paint lines (including Sherwin Williams), inks, fandecks, etc.



[via Digg]
Read | Permalink | Email this | Comments
]]>Adobe LabsAdobeLabscolor for web designcolor matchingColorBlenderColorForWebDesignColorMatchingDeGraeveEasyRGBFuzzy FutureFuzzyFutureKuleronline color palettesOnlineColorPalettesDolores Parker2007-04-12T17:00:00+00:00Design Tip : Colorjack Sphere - a palette creatorhttp://www.downloadsquad.com/2007/03/26/design-tip-colorjack-sphere-a-palette-creator/http://www.downloadsquad.com/2007/03/26/design-tip-colorjack-sphere-a-palette-creator/http://www.downloadsquad.com/2007/03/26/design-tip-colorjack-sphere-a-palette-creator/#commentsFiled under: , , ,


Palette generators are nothing new, in fact they go back to the same color theory designers have used for ages. Colorjack takes the color wheel into the 21st century.

Available both online as a super slick AJAX application -- with the ability to export palette files for Illustrator, Photoshop and more -- Colorjack is also available as a Mac OS Widget so you can keep the power of a color wheel on your desktop at all times.

[via Digg]
Read | Permalink | Email this | Comments
]]>color palettecolorjack sphereColorjackSphereColorPalettepalette designerPaletteDesignerGrant Robertson2007-03-26T19:00:00+00:00Design Tip: CSSFly lets you edit live site design in your browserhttp://www.downloadsquad.com/2007/03/22/design-tip-cssfly-lets-you-edit-live-site-design-in-your-browse/http://www.downloadsquad.com/2007/03/22/design-tip-cssfly-lets-you-edit-live-site-design-in-your-browse/http://www.downloadsquad.com/2007/03/22/design-tip-cssfly-lets-you-edit-live-site-design-in-your-browse/#commentsFiled under: , , ,


If you're a CSS-slinging web designer who often peers into how other sites are designed, why not take it a step further and actually redesign them, live, in your browser? CSSFly is a tool that seems almost too good to be true: the service allows you to open a site in a frame, with another frame containing the site's markup allowing you to dig in. You get your choice of how and where the frames open, i.e. - markup on the top, bottom, left or right, but unfortunately the markup isn't colorized in any way to help shuffle through the code. Still, CSSFly is a handy way to tinker with virtually any CSS-driven site without having to get out the big guns or ask the site owner for an FTP login.
Permalink | Email this | Comments
]]>David Chartier2007-03-22T19:30:00+00:00Design Tip - LightZone commercial quality for freehttp://www.downloadsquad.com/2007/03/14/design-tip-lightzone-commercial-quality-for-free/http://www.downloadsquad.com/2007/03/14/design-tip-lightzone-commercial-quality-for-free/http://www.downloadsquad.com/2007/03/14/design-tip-lightzone-commercial-quality-for-free/#commentsFiled under: , , , , , , , , ,



LightZone, the RAW photo converter, can cost you hundreds of dollars for the Windows or OS X versions, however, the Linux version is free. LightZone is a powerful photo editing software package based on tonal zones with an easy intuitive interface.

The Windows and OS X versions are available in a Basic edition for $150 and a Full version for $250. The Linux version is functionally equivalent to the Full version, and did we mention, is free? LightZone is copyrighted by Light Crafts of Palo Alto, CA. They do not provide online support for the Linux version however, Anton Kast, Light Crafts' chief architect and Linux devotee maintains a separate page to keep the Linux version updated and to provide technical support.

[via Linux.com]
Read | Permalink | Email this | Comments
]]>light craftsLightCraftslightzonelinuxopen sourceOpenSourcephoto editing softwarePhotoEditingSoftwareDolores Parker2007-03-14T10:00:00+00:00CSS Tinderbox: open source web design - DLS Design Tiphttp://www.downloadsquad.com/2007/02/27/css-tinderbox-open-source-web-design-dls-design-tip/http://www.downloadsquad.com/2007/02/27/css-tinderbox-open-source-web-design-dls-design-tip/http://www.downloadsquad.com/2007/02/27/css-tinderbox-open-source-web-design-dls-design-tip/#commentsFiled under: , ,

Today's Design Tip, the second in a recently re-launched series, brings some open source layouts to your web design tool box. The CSS Tinderbox features some Creative Commons licensed basic layouts that can easily lay the foundation for many of your design projects. All the layouts have previews available, and the site is of course collecting examples of their layouts being used in live projects.

A final bonus of these layouts is the leniency of the Creative Commons license: you don't necessarily need to credit CSS Tinderbox when using one of their layouts, though they request one when submitting your designs to any kind of design community sites or contests.

Thanks Abhijeet!
Read | Permalink | Email this | Comments
]]>creative commonsCreativeCommonscsscss tinderboxCssTinderboxdesignfreelayoutsweb designWebDesignDavid Chartier2007-02-27T23:30:00+00:00Design Tip Series kick-off: Machine Wash filters bring the worn look to Photoshophttp://www.downloadsquad.com/2007/02/20/design-tip-machine-wash-filters-photoshop/http://www.downloadsquad.com/2007/02/20/design-tip-machine-wash-filters-photoshop/http://www.downloadsquad.com/2007/02/20/design-tip-machine-wash-filters-photoshop/#commentsFiled under: , , ,

I would like to announce a slight shift in how we handle our image and design-related tips here at Download Squad. As a multimedia student myself, and with all the new talent we've been so fortunately gaining over the past weeks and months, we realized that we have a lot of general design talent to share with you readers that quickly surpasses the boundaries of mere 'imaging.' So as of today, our Imaging Tips series has evolved into a new, twice-weekly Design Tips series that will allow us to stretch our mice and expand our minds into video, illustration, web, motion graphics and a whole lot more. Look for tips, techniques, apps, plugins and linkage surrounding the whole world of design from here on out.



With that said, I present you the first post in our new Design Tips series which involves Photoshop and filters that can give your images that oh-so-cool worn look. Machine Wash filters from Mister Retro are three separate volumes of 60 filters apiece, all with their own unique attributes, that can apply texture, age and weathered aesthetics to Photoshop layers.

These filter sets are now at version 2, which was a very nice upgrade from v1. The first series were actually PDFs that were applied with a somewhat clunky custom action. Version 2 of these filters introduces a full-blown filter GUI for optimum live-previewing and application. Mister Retro also supplies a sample gallery online, which operates as a testing grounds for each filter set so you can get a good idea of just what you're paying for.

Speaking of money: as a happy customer, I personally recommend all three sets. They sell for $50 each, with volume licensing and bundle discounts available. The filters work in versions of Photoshop starting at 6.0 all the way up through CS2 (as well as Photoshop Elements 1.0 and above), with a free upgrade patch on the way for CS3 once Adobe officially releases it.
Read | Permalink | Email this | Comments
]]>dirtyelementsfiltersmachine washMachineWashPhotoshopPhotoshop ElementsPhotoshopElementswornworn lookWornLookDavid Chartier2007-02-20T22:00:00+00:00