Private Video Feedback
Get a 10 Min Video Critique by me (Rob 👋) of your One Page website covering design, code, performance & more.

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
Screenshot Concierge

Impressed by this Retina-Optimized Screenshot?

Screenshot Concierge delivers beautiful screenshots of your Landing Page in multiple resolutions and devices - perfect for a website launch.

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.