Archives

Free Download: Mockups Application

Chosen Mockups Application

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.

Read more »

Tagged , , ,

Web Designer Tools

Color Inspiration

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.

Tagged ,

Free Download: Mockup Application

We introduce to you, the second of many applications from Chosen that you can apply to your business or freelancing website. This one is a very simple mockup application which can be modified to do a whole lot more. We developed this application to allow our designers to share mockups with clients without having to know or understand HTML to include images on a web page. This system allows them to simply create a new directory and upload the mockups and the script does the rest. It uses a simple read directory function in PHP and displays them using jQuery for a show/hide interface. The readdir function is based upon folders with an _underscore. This allows you to select which folders you’d like to share without revealing other files in the directory. Unfortunately we can’t give you the full application, but this is a great foundation for an application to share mockups with clients.

Checking out the Application

Download Source Files

Tagged , , , , ,

Page 1 of 212