Test your web fonts live
Yes, All of them. See them change live, get the css code. What more could you want.
Archive for 'css'
Online Layer Styler with Photoshop-like Interface
For those of you used to designing in Photoshop, here’s a fantastic online tool that will let you design your layer styles using the familiar Photoshop style interface and shows you a preview in real-time. It’s a pleasure to use and writes the CSS3 code for you. Even if you’re not a Photoshop user, it’s such an easy tool to use, you’ll love it.
Box Shadows With CSS
Here’s a post about how powerful the CSS3 box shadow command can be. Doug Avery spent the time to play around with it and shows how much more than just a drop shadow can be accomplished with the command. Ahead of it’s time, for now, most of these effects only work in Chrome.
Fantastic Interactive Animation Easing Tool
This lovely interactive online tool let’s you create an easing curve by simply grabbing the handles, adjust the curve (as the code updates in real time!) Then preview your effect When you are happy with your animation, simply copy and paste the code into your design.
Create Free Web Font Sets
Create a custom bundle of web fonts including the css code, or choose from their library of 380 pre-selected sets.
WebFont Comparison Tool
Fontcomparer will render any text you type into it in all the available Google Fonts and Typekit fonts so that you can compare. When you find one you like you can get the necessary code to use it on your site with a single click.
Free CSS3 Menu Maker
Download this free app to create CSS3 menus. They require no javascript, no additional assets they can be nested, are search engine friendly and fast loading due to their small size.
Mobile Compatible Touch Gallery
Touch Gallery is a free photo gallery that is compatible with the iPhone and iPad
Free iPhone App for Web Developers
Here’s a handy conversion app for the iPhone that converts between ems, pixels, percentages and points
