Create a watermark effect with CSS
jhnidk - August 26th, 2010 in: CSS, Graphics
In 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
Measure PHP page loading time
jhnidk - August 25th, 2010 in: MySQL, PHP
A 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 »
Create nice submit buttons with CSS and no images
jhnidk - August 24th, 2010 in: CSS
In 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 »
Nice printing with CSS page breaks
jhnidk - August 23rd, 2010 in: CSS
Surprisingly 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
Create nice image caption with CSS
jhnidk - August 18th, 2010 in: CSS, Graphics
Traditionally, 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.
Create your own php capcha script in 10 min
jhnidk - August 17th, 2010 in: PHP
Spam 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.
Pixlr – smart online image editing
jhnidk - August 16th, 2010 in: Graphics
Traditionally 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 »
Recent Comments