Search by Author: Dean M
|26 Oct 2010 (08:03)||Author: Dean M|
Create nice-looking heading via
Google Font API
When I wrote the last blog post I thought that was the last connected with typography, but I think that this is the ultimate solution for web designers who want to use different fonts instead the standard without using any techniques mentioned in the previous posts. I think that typography is very important part of the web design, so this will be dedicated to it too.
First we include the style-sheet file direct from the Google API site with the specifying the font family that we want to use. This project is in beta version and there are 25 fonts so far.
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine"
|27 Sep 2010 (05:36)||Author: Dean M|
Creating a Background Image
The previous blog post was creating glossy text using only CSS.
First of all we should create an image with the two different color versions of the text, and helped by the jQuery we can create a smooth transition between them. To create the image we're going to use Photoshop, so we're creating an empty 650px X 300px document and set #141414 as a hex code for background color.
For the text you can use your favorite font-family, for this example I'll use Century Gothic with a size of 60px and I'll type “jQuery & CSS liquid text effect” two times for the heading text.
|22 Sep 2010 (11:31)||Author: Dean M|