Tutorial/How-To, Useful Tools »

Typically, I’m not a huge image gallery fan. However, when they’re presented right they can truly show off one’s photo album in an artistic way. There are plenty of scripts out there that that use javascript or ajax to create spectacular image gallery effects. CSS Image Gallery from Dynamic Drive, however, uses purely CSS to achieve similar effects. What’s the big deal? By using only CSS, the image gallery is much more versatile in its usage and isn’t effected by users who beef up the security of their browser by disabling javascript. Even more, the gallery looks darn good, too.

CSS Image Gallery

Tutorial presented by Simply-Basic.com
Coded by Dynamic Drive
URL/Demo: http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/

This code lets you create a gallery of thumbnailed images that…

Tutorial/How-To »

Edit: While switching hosts the subdomain I created for the test of the following script didn’t transfer. I’ll try and get them back in the next few days so that you can see a live example of this script.

Something that my regular readers have come to learn is that I am not a professional coder. Everything that I do is because I’ve set out and learned it on my own. I don’t do it for a job, just for my own education. My latest “educational” dabble was using Iframes. Iframes have lost a lot of appeal and are deprecated in XHTML Strict. Nevertheless, there are still many people who use them.

For those who aren’t familiar,…

Useful Tools »

The other day I decided I was done editing my HTML and other code documents in Notepad. While searching for a better alternative I came accross PSPad, a free, multi-purpose code editor. PSPad’s code syntax highlighter works with many different languages and markups, including HTML, PHP, CSS, javascript, and others.

PSPad has many features, but I’ll describe some of my favorite. The syntax highlighting is excellent and makes editing those long codes much easier. PSPad also has the option of condensing your code to save a few kb on your server or to expand code to make it more readable. This feature made me realize how sloppy my code writing was! Web developers will also appreciate…

Tutorial/How-To »

Edit: This tip has been made into a Wordpress plugin! Get it here

I found an easy Wordpress trick that I think some of you may find useful. As I was writing an article for Simply-Basic.com the other day, I kept having to search through my 12-15 tabs that were open to find which one held my WP-Admin interface (I really should have just closed half of them). See, Wordpress’ back end doesn’t have a favicon associated with it, so it blends in fairly easily.

To fix this, I decided to give my Wordpress administrative pages a favicon. The process is amazingly simple. First, create a favicon or download my Wordpress-esque favicon (right click the image and select “Save Image…

Useful Tools »

While trying to configure the new theme for Simply-Basic.com I ran into a common problem among web designers: not all browsers are created equal. The one most easily coded for, of course, is Mozilla Firefox. I found that Opera was also easily done. But Internet Explorer is notorious for interpreting standard code in an interesting manner, to say the least. Luckily, I came across a quick and easy fix that works for almost any browser you’ll need. It’s called “CSS Browser Selector”. It uses javascript, but if your visitors don’t have it enabled by now, they should be used to missing out on quite a few things.

Hacking your CSS is probably more effective and versatile…

Announcements »

I just updated the Ajax Tabs Tutorial. I realized that four lines of the code that it discusses had a few typos in it. It is fixed now and should be working much better. Sorry for the incovenience!