10 Quick Tips to tighten your Landing Page design
New Video Tutorial! 10 Quick Tips to tighten your Landing Page design Watch Video

Type Tool

Neat little One Pager by Noah Delagardelle that allows you to experiment with typography within your browser. Cheers for the great build notes!

This site is intended to be a simple tool for editing typography in the browser. I wanted a way to see how different types of typography would work together in the browser without having to set anything up. I just wanted a convenient place I could go to in order to experiment with type pairing and arrangement, and I couldn't find anything that already existed so I built Type Tool.

It's mainly a development tool, given the fact that the CSS for the layout you create is available to you at any time. But I realized that it could easily be used by any kind of designer who was looking to quickly ideate with different font combinations and pairings, as well as color and size relationships of typography on the screen.

I challenged myself to work with jQuery in this project, I didn't have a lot of experience with it in the past and used this project as a way to improve my skills as a developer. I had a hard time figuring out how to implement a GUI for a color picker also. I looked far and wide for a good plugin that would be light weight and easy to implement. I finally stumbled upon Spectrum, a color picker plugin by Brian Grinstead. It ended up doing just what I wanted it to do after I customized it a bit.
Categories: App Experimental
Rob Hope

This original One Page website was reviewed by Rob Hope

I started One Page Love back in 2008 and want to keep adding more value. Please tweet or email me with suggestions or any questions.