Archive for the ‘Tutorials’ Category

In most modern web browsers you have probably noticed a tiny icon that appears to the left of the URL in the address bar, in the browser tabs as well as in your bookmarks menu and toolbar. This small icon is called a Favicon or favorites icon, which can help visitors quickly identify your website and further establish your brand within a browser.

If you do not have a Favicon setup a default icon will display, such as a tiny blank page in Firefox or the browser’s logo used in Internet Explorer. The following covers 4 steps for adding a Favicon to your website which canl help personalize your site’s presence within a browser.

Continue Reading

Dec
30

Content is one of the most valuable things you can focus on during development of your website. Consider each page of your website an opportunity to capture or lose your audience. If a web page has paragraph after paragraph of text, many visitors won’t bother to begin reading.

There are various other things to be leery of when writing for the web. This article covers eight tips to help you succeed when writing content for your website. Continue Reading

Dec
28

Planning A Website

by Jon Crim

Planning in Web design, just as in any other design process, is essential. Not only does careful planning cut your development time considerably, but it makes it far easier to achieve a uniform look and feel for your website – making it friendlier and easier to use.

This section briefly covers some of the basics of website design: what to focus on, what options to consider, and what pitfalls to avoid. If you are an established Web site developer who has covered this ground before, feel free to skip this section.

Continue Reading

Dec
22

Rounded Corners Using CSS3

by Justin Nemeth

Rounded corners are quite common these days across lots of websites. They are definitely appealing and help change it up from the normal square boxes a browser renders by default.

There are several techniques to create rounded corners (i.e. nest 4 divs and have a corner image aligned in each one), but my favorite by far is using the new CSS3 border radius property. Essentially, you can just use a few lines of CSS and create awesome looking rounded corners for an element on your webpage.

Continue Reading

Firebug is a Firefox add-on that extends the browser with some very helpful web development tools. I think the tag line on their website says it best “You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page”.

The key phrase here is “live in any web page”. Firebug can be activated for any site on the internet and allows you to interact in a number of ways. Throughout this article, I will explain some of the common scenarios that I use on a daily basis.

Continue Reading

One of the first hurdles individuals run into when breaking into web development is setting up a testing server. This often occurs when you create your first PHP page in Dreamweaver or other text editor and try to view it in your browser. Most likely, you see some bizarre ‘Unable to Connect’ message or even worse, a window pops up for you to download the file you are trying to view. These undesirable results are probably occurring because you haven’t set up your computer to be able to serve PHP pages. The good news is…you can now set up a PHP/MySQL testing server in minutes.
Continue Reading

It’s not every day someone tells you that being lazy can actually be helpful, but when it comes to applying the same action in Photoshop to 100 images, being lazy is about the best thing that you can do for yourself. In this post I will teach you how to create a droplet in Photoshop.

Droplets are scripted actions outputted to a file that when any image or group of images is dragged and dropped onto it (hence the name droplet) the recorded action is performed on every image added to the droplet.

With the recent release of PowerGallery, WebAssist’s pre-built PHP photo gallery solution, I thought it would be a good idea to post something on how to batch convert images to create a black and white photo gallery. Keep in mind that the options are endless when it comes to creating custom droplets. Other uses for droplets, are batch resizing, adding drop shadows, borders, image overlays and much more.

Continue Reading