Gone are the days of font shortage. Thanks to Google, they have introduced their Google Web Fonts web service which makes working with typography so much easier for web designers and developers. So how can you add these fonts to your own site? Here’s what I learned from a tutorial created by Basic Use. The [...]
Design is an important factor in a website but a lot of people tend to overlook the importance of text and typography. Without good, clean, and readable text, your website will lack functionality and readability. Here are tips on how to effectively incorporate text in your web design: Select readable fonts. There are tons of [...]
Michael Kruiswijk of PSD Tuts+ delivers a very nice tutorial on how you can create a cool neon text effect. The techniques used will definitely help you on your creative processing of your design projects. Before you start, one thing you’ll need is a brick wall texture such as this one. After downloading it, make [...]
Here’s an awesome CSS3 animation effect by Peter Magenheimer. It’s an animated pixel font that is created with 100% pure CSS3, no Javascript or images! The animation is activated by simply hovering your mouse cursor over a letter. By doing so, a number of pixel elements come in and gather on a specific area of [...]
Flip over your text as web design elements with CSS! This first code flips each letter horizontally making them face towards the left while retaining their original positions and sequence. CSS .one {-webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg); unicode-bidi:bidi-override; direction:rtl;} HTML <span >Test number one.</span> The second code flips the letters’ direction, position, AND sequence. What [...]
0
506
