Archive for the ‘Web Design’ Category

Design Tip: CSSFly lets you edit live site design in your browser

Wednesday, January 14th, 2009

Filed 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.

Design Tip: CSSFly lets you edit live site design in your browser originally appeared on Download Squad on Thu, 22 Mar 2007 19:30:00 EST. Please see our terms for use of feeds.

Permalink | Email this | Comments

More: continued here

Color me crazy - 10 best online color tools

Wednesday, January 14th, 2009

Filed under: ,


If you’re tackling some graphic design project or maybe even your wall decor, getting color hints from ready made color templates from professional designers can be useful. Below are 10 of the better sites to help you out on your design challenge.


ColorCombos - nice color palettes to choose from. If there’s a particular website whose colors you want to snag, check out their “Grab Website Colors” engine. You just input the URL of the site you’re reviewing and ColorCombos extracts the palette for you.

COLOURlovers - this is pretty close to color mecca. This post should actually be filed as a Timewaster because you can spend hours checking out the various palettes and patterns and rolling your own. The site is full of features such as create your own palette from a URL you’re inspired by, join groups devoted to colors (srsly), shore up on the latest color trends, contribute your own content and vote on others.


ColorExplorer - another site that’s feature rich and full of color goodies. Color import from images, palette export to most programs, convert any number of colors into a matching palette, 1 click palette filters and adjustments, plus no requirement for site registration.


Kuler - not surprisingly, Adobe has a fetching web app to help you generate color schemes and if you have Adobe’s Creative Suite 4, Kuler is built in. Kuler has great tools such as color extractor from an image, theme creation from 1 to several colors, as well as a community you can join and give and receive comments on yours and other’s creations.


ColorJack - very nice color site featuring several apps such as Color Sphere which allows you to choose the right color scheme supporting 18 formulas and 9 color blindness simulations. There’s also Color Galaxy, an online color visualizer with colors from 27 libraries including everyone’s favorite forever and ever, Crayola.

Keep reading for more…

Continue reading Color me crazy - 10 best online color tools

Color me crazy - 10 best online color tools originally appeared on Download Squad on Thu, 09 Oct 2008 12:00:00 EST. Please see our terms for use of feeds.

Permalink | Email this | Comments

More: continued here

Easy CSS Layouts with YUI CSS Grid Builder

Wednesday, January 14th, 2009

Filed 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

Easy CSS Layouts with YUI CSS Grid Builder originally appeared on Download Squad on Mon, 24 Sep 2007 18:00:00 EST. Please see our terms for use of feeds.

Read | Permalink | Email this | Comments

More: continued here

Design Tip: Save the shoot with PhotoRescue

Wednesday, January 14th, 2009

Filed 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.

Design Tip: Save the shoot with PhotoRescue originally appeared on Download Squad on Mon, 30 Jul 2007 17:20:00 EST. Please see our terms for use of feeds.

Read | Read | Permalink | Email this | Comments

More: continued here

Design Tip: Inspect CSS with style in your browser

Wednesday, January 14th, 2009

Filed 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.

Design Tip: Inspect CSS with style in your browser originally appeared on Download Squad on Wed, 22 Aug 2007 03:00:00 EST. Please see our terms for use of feeds.

Read | Permalink | Email this | Comments

More: continued here

Ten Tips for Web Design Magic

Wednesday, January 14th, 2009

Filed 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

Ten Tips for Web Design Magic originally appeared on Download Squad on Wed, 21 Nov 2007 08:30:00 EST. Please see our terms for use of feeds.

Permalink | Email this | Comments

More: continued here

Grunge fonts - free collection to take your design down and dirty

Wednesday, January 14th, 2009

Filed under: ,

Outlawdesignblog did a great job compiling an interesting collection of free downloadable grunge fonts to help you get that nice, dirty, raw edge you might be craving on your graphics. Of course, whether or not grunge fonts convey edgy anymore is debatable since they are all over this year’s back to school fashions which school kids are wearing with the appropriate bad ass attitude.

I don’t know about you but when grunge becomes the fashion statement for school kids, it might not be the edge you’re looking for in your design project. In any event, whether or not grunge has become a cliche - you’re still in charge of what you create and now you’ll have more grunge fonts to help inspire your work or, perhaps not.

Check out some of my favorites from the collection after the jump.

Continue reading Grunge fonts - free collection to take your design down and dirty

Grunge fonts - free collection to take your design down and dirty originally appeared on Download Squad on Mon, 25 Aug 2008 18:00:00 EST. Please see our terms for use of feeds.

Read | Permalink | Email this | Comments

More: continued here
Powered by SmartRSS

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

Wednesday, January 14th, 2009

Filed 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

Design Tip : Make yourself part of Tom Goes to The Mayor originally appeared on Download Squad on Wed, 25 Apr 2007 15:30:00 EST. Please see our terms for use of feeds.

Read | Permalink | Email this | Comments

More: continued here

Design Tip - 500 Fonts

Wednesday, January 14th, 2009

Filed 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]

Design Tip - 500 Fonts originally appeared on Download Squad on Thu, 19 Apr 2007 17:00:00 EST. Please see our terms for use of feeds.

Read | Permalink | Email this | Comments

More: continued here

What eye movement teaches us about web design

Wednesday, January 14th, 2009

Filed 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.

What eye movement teaches us about web design originally appeared on Download Squad on Thu, 15 Nov 2007 09:00:00 EST. Please see our terms for use of feeds.

Read | Permalink | Email this | Comments

More: continued here

  • About Me

    A little something about you, the author. Nothing lengthy, just an overview.

  • You are currently browsing the archives for the Web Design category.