Starting in 1996, Alexa Internet has been donating their crawl data to the Internet Archive. Flowing in every day, these data are added to the Wayback Machine after an embargo period.
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
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.
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 Hawkpoints 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.
Free 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.
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.
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").
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.
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.
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.
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.
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.
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.