All posts by jhnidk

Create a watermark effect with CSS

Create a nice watermark effect with CSSIn some situations it can be handy to display information in a image as a watermark.

Traditionally, watermarks are added manually by graphical programs like Photoshop, which can be very time consuming.

Adding watermarks with CSS can make it very fast and flexible to add a watermark to many images.

In this post we’ll build a simple CSS class that can display a text on top of a image like a watermark

Read more…

Share and Enjoy

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

Measure PHP page loading time

Measure page loading times with PHPA important part of the users experience, when visiting a website, is the page loading time.

However loading times has been even more important to focus on after the latest updates of the Google ranging algorithm, where slow loading sites will get a penalty, and fast loading sites will get a bonus.

In this post we’ll create a PHP script that can be used to measure the loading time of  a PHP page.

Read more…

Share and Enjoy

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

Create nice submit buttons with CSS and no images

Submit buttons with pure css - no imagesIn this post we’ll demonstrate how submit buttons in forms can be styled with CSS without using any images.

If you’re very interested in creating nice looking websites with high performance, styling without images it’s worth considering, since it can decrease loading times of your pages, due to less http requests per page.

The examples in this post is both using standard CSS 2 and the upcoming CSS 3 to demonstrate some of the effects that can easily be applied to your submit buttons

Read more…

Share and Enjoy

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

Nice printing with CSS page breaks

Create nice printouts with css controlled page breaksSurprisingly enough, many web users still likes to print web pages, so they’re having the data at hand, even if they’re online.

How frequent this behavior is, greatly depends on you content, but if you ‘re having content where off line usage makes sense, you should spend a few minutes looking into how printer friendly your pages are.

In this post you’ll learn to create nice page breaks by using CSS

Read more…

Share and Enjoy

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

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

Create your own php capcha script in 10 min

Spam protect your form with php captchaSpam is unfortunately a problem for many webmasters. One of the favorite methods for spammers is to use web forms without any kind of spam protection.

A form can be spam protected very effective by adding a captcha field that requires the user to enter a security code before the form can be submitted.

In this post you’ll learn to create a simple PHP based form that has a built in captcha for spam protection.

Read more…

Share and Enjoy

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

Pixlr – smart online image editing

Try the free online photo editing tool - PixlrTraditionally graphical programs like Photoshop, Paint Shop Pro and Gimp has been installed locally on your desktop PC, however with the cloud philosophy gaining strength, the first online graphical programs are being launched. In this post we’ll take a look at the free online program Pixlr
Read more…

Share and Enjoy

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