Fission glow effect in Photoshop

Fission glow effect in Photoshop

This tutorial will teach you an awesome glow effect using some layer styles, the pen tool, and few blending options that most people overlook.

(more...)

Object-wrapping glow in Photoshop

Object-wrapping glow in Photoshop

This tutorial will you how to create a nice glow effect as well make it appear as if the glow is wrapping around an object.

Step 1

To begin this effect we'll need an object to wrap around, start by opening some image. I'll be using a picture of "The Cult" off of Deviant Art. Select your pen tool and have it set to "paths" (press "p" on the keyboard).

(more...)

Learn the Pen tool basics

Learn the Pen tool basics

This video shows the basics of the pen tool and how it can be used. Warning: This is only the basics and does not touch on the more complex functions.

(more...)

CSS only DOM tabs

CSS only DOM tabs

Well through some CSS endeavors to find the golden stylesheet (personal goal of the ultimate design), I have created a CSS only DOM tab system. Meaning when you click on a tab the content changes. Usually this is done with Javascript/jQuery, but since I don't know how to code in either one of those, I created a CSS method.

View the working Example

(more...)

Centering Text using “line-height”

Centering Text using “line-height”

To center a line a line of text can be very troublesome and drawn out affairs. But you can simple use the "line-height" element of CSS to set the text's height without distorting the font. To apply the rule use the format of "line-height: *height of container*;". Change *height of container* to the height of the div or whatever that is holding your text that you're centering the text in.

#example {height: 100px;}
#example p {line-height: 100px;}

(more...)

Random Page Titles with Javascript

Random Page Titles with Javascript

To have a random site title for you site you would place the following code between your HEAD tags.

<script type="text/javascript" language="javascript">
	
</script>

(more...)

How to Code a website – part 1

How to Code a website – part 1

This is the first video tutorial here at Fire Studios! This video will show you how I go through and do the skeletal coding for my website templates. This is part 1 in a 3 part series, so make sure you go to the CSS category to see part 2.

Watch the Video!

(more...)

Overview of Javascript Regex

Overview of Javascript Regex

Definition/information:

A regular expression is written in the form of /pattern/modifiers; where "pattern" is the regular expression itself, and "modifiers" are a series of characters indicating various options. The "modifiers" part is optional.

(more...)