Archive for July, 2008

Automatically add icons to text links

add icons using css

Poolestudios.com has downloadable css which automatically adds small icons next to links on your site by searching for defined text like “.rss” and then places the appropriate icon next to the link. The zip file also includes about 30 tiny icons.
Link

.htacess examples

htaccess file scripts askapache.com has compiled a great and enormous list of .htaccess files used to do all sorts of neat tricks like redirecting, rewriting text, preventing bandwidth theft, password protect files, block access by time of day and much much more.
Link

Finding a domain name

 find a domain name[4]

Nameboy does a pretty good job of finding available domain names. Give it 2 words and Nameboy will give you a number of suggestions as well as showing their availability. Above are the first few results for “not” and “bad”
Link

Extreme textwrap

custom shape text wrap

Here’s an online webtool that let’s you set text wrap to almost any shape imaginable, even trace the outline of an image.

The basic method involves clicking on the edges to add control points and then dragging left and right borders to form the shape you want. Once you are happy with the shape you can then download the necessary code in one of 3 methods, CSS/XHTML, XHTML with classes or Javascript

text wrap to image shape

Link

Drop Caps using CSS

Drop caps using CSS

Using CSS, these pseudo classes from pixelspread.com automatically ad a drop-cap effect to the first letter of each paragraph. Works in all browsers except IE6, though a commenter offers a solution for IE6 using jQuery
Link

Accordion menus with Javascript

javascript accordion menu

This super small (1,149 bytes) javascript allows you to create accordions of 5 different styles (tabbed, horizontal, etc)
Link

Website templates

Free website templates

Here’s a collection of about 50 free website templates. What sets these apart from many other freely available website templates is they allow you to download the Photoshop files as well should you wish to tweak the site design.
Link

Create a Website in Photoshop


This 7 minute video Gives a great comprehensive overview of the basics involved in using Photoshop to output a webpage design from Photoshop using slices.

It covers everything from creating slices, naming, defining background colours instead of images to exporting HTML or CSS.

Lightbox scriptcomparison chart

Lightbox scripts

Here’s a fantastic collection of about 40 lightbox image gallery scripts. Best of all, this giant chart is sortable by scripting language or features, including (multiple features can be selected):Lightboc script features[4]

  • Can display images
  • Can group images into sets
  • Can display inline elements
  • Can display iframes
  • Can fetch content via Ajax
  • Can display Flash
  • Can display various Video object

Link