All posts in CSS

Create nice image caption with CSS

Create a nice image caption with cssTraditionally, image captions are displayed next to, or below a image. However if you have limited space, or want to increase the visibility of the caption, displaying the image caption as part of the image can be interesting.

In this post you’ll learn a  simple CSS trick, that makes it easy to ad a image caption as a overlay on your images.

Read more…

Share and Enjoy

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

Nice CSS text shadow effects

Learn to create CSS text shadowIn this post we’ll play around with some of the text-shadow possibilities in CSS.

Generally speaking text-shadow can be used to make some of the same nice text effects that you normally would use graphical programs to create. But with the benefits of having content as plain text instead of embedded in graphic images.

Read more…

Share and Enjoy

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

Google Font API – new preview function

New preview tool for Google Font APIGoogle has now introduced a new preview feature in the Google Font API, that makes it easier to preview and configure different fonts and settings.

The Google Font API is a new way of spicing up your website layout without using images for font effects.

Read more…

Share and Enjoy

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

Sticky social links for WordPress

Sticky links to social media like on MashableSocial media represents a big marketing opportunity for blogs.

If a post gets viral on social media, you can expect a big traffic uplift, and get in touch with a new and highly relevant userbase at a very attractive cost.

In this post you’ll learn how to include a ajax based sticky social media links to your WordPress powered blog – just like the links to social services on Mashable.

Read more…

Share and Enjoy

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

Spice up your site with Google font API

Google font apiWith the new Google Font API you can easily create nice text effect on your site without using graphics. Making nice text effects on the web, normally requires creation of graphical images that contains the text, since only a few fonts are universally supported across different browsers and operating systems.

Text as images has the advantage of great control over the end result in the users browser, but also the problems with potentially slower download times due to the size of the image containing the text effect, and less flexibility in maintenance since changes to the text means creating a new image.

In this post we’ll take a look at the Google Font API, that offers a new solution to nice fonts on the web.

Read more…

Share and Enjoy

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

Speed up your site with image sprites

How to make css image sprites

There are several techniques for speeding up your site. If your site is using many graphical objects this also means the your users browser needs to establish many HTTP connections to display all the images. This can slow down your site. By implementing image sprites on your site, you can radically reduce the number of HTTP requests required t display your site, and thereby speed up the rendering of your site.

This post gives you the background behind image sprites, and a example on how to implement image sprites on your website.
Read more…

Share and Enjoy

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

Different techniques for nice rounded corners

techniques for creating rounded cornersRounded corners on boxes is properly one of the most discussed topics in web design. The need to change the standard boxes into something nicer with rounded corners is tremendous. Searching for this topic returns more than 3.000.000 results on Google!.

The interest for rounded corners is based on the fact, that with rounded corners, you can make your web design look much nicer.

In this article you will learn a new an very simple technique to get nice rounded corners in you website.
Read more…

Share and Enjoy

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS