We’re quick to turnover when we really believe in something. One of the automated scripts we wanted for our company was a system to upload mockups to a directory and have them automatically publish in a web page. This system allows us to simply drag and drop images and have them populate with different versions and folders. We also wanted this functionality to be password protected and to have a way to separate public and private folders in a directory.

For security purposes I have removed the actual session control script that we use (which is a way of protecting pages via login). However, it does come standard with a simple login posting ability so even if you know nothing about programming, this script should come in handy.

Features:

• JQuery Slider for form and functionality
• PHP to read directories and manage users
• Minimal design and small pages.
• Basic frame and structure, ideal for building upon or changing functionality

Documentation:

Under the parent mockups directory

• This is the area to store your CSS, JS, and Layout Images
• The index on this page reads the directory and displays any directory starting with an _underscore
• The user name should also be the directory name that user has access to
• User names and passwords are stored in an array

Under the mockups > _user directory

• This once again reads the directory looking for folders starting with an _underscore
• This step is not necessary for the application, we simply use it for different versions/revisions

Under the mockups > _user > _version directory

• The index page in this directory reads the directory and looks for any images (you can change extensions that it looks for).
• Once it finds the images it outputs them in HTML and displays the file name, sorted alphabetically.

Check it out

Colour Lovers
Colour Lovers is a social resource to share and gather color trends and patterns. There are over a million color names, thousands of color palettes and patterns, comments and ratings as well as interviews and resources from topnotch designers.

Color Combos
Color Combos allows you to browse thousand of different colors combinations for getting inspired for your upcoming design. Color schemes can be browsed by individual colors. This is a great tool to store pallets as well as find colors to match ones you may already be working with.

Icon and Favicon Tools

Icon Finder
Iconfinder provides high quality icons for web designers and developers in an easy and efficient way. You simply type in a keyword into the search box and Iconfinder fetches beautiful icons which you can use royalty free.

ConvertIcon
Convert Icon is a free online service that allows you to upload an image and will return an .ico file which can be used for the little bookmark icons in your browsers address bar and folders. These icons are subtle, but very important and helpful in establishing brand and impression to your users. You can also use Dynamic Drive’s really simple FavIcon Generator.

Font Tools

Font Burner

Font Burner lets you search for fonts that you can embed in your site. You can embed the font you’ve chosen on your web pages by copying-and-pasting the code they provide (which uses sIFR).

My Fonts – What The Font?!

Ever wanted to find a font just like the one used by certain publications, corporations, or ad campaigns? Well now you can, using our WhatTheFont font recognition system. Upload a scanned image of the font and instantly find the closest matches in our database. If WhatTheFont can’t figure it out, you can submit your image to the WhatTheFont Forum where cloak-draped font enthusiasts around the world will help you out!

Font Struct

FontStruct is a free font-building tool brought to you by the world’s leading retailer of digital type, FontShop. FontStruct lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks. You create ‘FontStructions’ using the ‘FontStructor’ font editor. Once you’re done building, FontStruct generates high-quality TrueType fonts, ready to use in any Mac or Windows application. You can keep your creations to yourself, but we encourage users to share their “FontStructions”. Explore the Gallery of fonts made by other FontStruct users and download them or even copy them and make your own variations.

Typechart

Typechart lets you quickly evaluate an assortment of web typography. Once you’ve discovered the font you like, you can use the Get CSS button to obtain the style rules for it.

Typetester

The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated. Typetester’s code structure is XHTML, styled with the finest CSS and driven by the JavaScript for manipulating DOM structures. Typetester will not work without JavaScript enabled.

Checking out the Application

Graphic Design

From logo design to creative direction, when we say we offer services in graphic design, we’re covering our bases across all mediums. There’s a huge difference in design when ranging from printing, website design, photography and video production, but our designers have experience in them all. In fact, we love campaigns that require design services across them all. These campaigns are challenging, even with small things like color correction across each medium or compatibility between technologies, but we always find a way to make it work and make it awesome.

Website Design

We don’t joke when it comes to website design. We want you to be happy with the final product while still fitting within your budget, whatever that may be. There are two notable extremes to graphic design especially website design, which are highly creative design, and highly conservative design. We want our portfolio and reputation to be known for both. When you look at our site, and look through our portfolio, you see what the client wants, not what we want. We meet your needs and expectations to the fullest. This allows us to be a step ahead of other designers, who tend to design on one end of the spectrum, either too creative and unprofessional, or too conservative and boring. We have four amazing graphic designers on staff who meet the extremes on both ends as well as in the middle and collectively have over 12 years of website design experience.

Logo Design

Your business needs a logo and brand. Without one, your name will be hard to promote or recognize and with a poorly designed logo, you may be worse off than you would be without. Bad logo design can lead to customers and businesses feeling like your business is smaller than it is, less professional, cheap, or worse. But you don’t have to take our word for it, here are some of the worst logos we’ve ever seen:

Hopefully this makes you realize that you can’t get graphic design from just anywhere. You need a professional design that has been thought through, planned, and had as many revisions necessary to make it a high quality design. So do your homework, find out what you’re looking for, and contact us for design work.