Fire Studios

so last weekend I finally got around to coding my personal site over at Fire-G.com and decided to screen-capture it all to show you guys!

I would have posted this sooner, but it took 20 hours for my 7.5 hour video to render. Then it took another 6 hours to render after I sped it up.

(more...)

Wordpress' conditional tags are by far one of the most useful and unglorified tools for theme and plugin development. Here's a list of all the tags.

The Conditional Tags can be used in your Template files to change what content is displayed and how that content is displayed on a particular page depending on what conditions that page matches. For example, you might want to display a snippet of text above the series of posts, but only on the main page of your blog. With the is_home() Conditional Tag, that task is made easy.

(more...)

Font

The font property is, with exception of some system fonts, a shorthand property for setting all of the properties for a font in one declaration. These declarations go in order of font-style, font-variant, font-weight, font-size/line-height, font-family. Below is a chart showing values can be used in each section.

(more...)

Background

The background property is a shorthand property for setting all background properties in one declaration. The order of declarations is background-color, background-image, background-repeat, background-attachment, and then background-position. Remember that default values for these properties are not set.

(more...)

Margin & Padding

The CSS properties "margin" and "padding" allow the use of shorthand declarations, meaning we can state all the "-top", "-left", "-bottom", and "-right" attributes in one call.

(more...)

Learning to code and develop websites or applications can be a difficult process, but when you couple in the pressures of being a student in school, it makes everything that much more difficult to grasp and shove into all the empty nooks and crannies of your mind. You can easily ease off the pressures of school by applying some of the same disciplines you gained when learning your programming language.

(more...)

This is part 2 of the video series on how to code a website (taking a template from image form to it's XHTML/CSS version).

Go back and Watch part 1 if you haven't!

(more...)

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...)

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...)