Fire Studios

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.

In today's generation, an internet user can select from any range of browsers to use for their daily trudge through the net: IE, Firefox, Safari, Opera, Google Chrome, but this freedom of choice has turned into an uphill battle for web developers when it comes to CSS, HTML, and JavaScript. We're constantly faced with the challenge of making our codes and designs look and function the same in every major browser a client’s site receives.

WordPress was developed to be extremely user friendly on both the front-end and the back-end, but also allow for some complex functions and features to be implemented for the more advanced and code knowledge of us. FS-2009 (the name of the theme released to FS at the start of the 2009 year) takes advantage of the many functions that WP has to offer, so I've created a screencast that covers all the PHP involved with creating this theme.

Anybody who is old enough to remember sites from before WordPress and CMS'es knows that the number one hardship of owning and running a site was updating it. You had to go through and update every file, move content from one document to another, it all took too long and was too much trouble.

Now we all use blogging engines and CMS'es because they remove this hardship. But what do you do if you have a site and implementing one of the many engines available would be too much hassle or over-kill? You create a simple system that updates the frequent areas that you change.

This is a guide we'll be using our podcast site FS-Air. Using only PHP and jQuery we'll create everything you see on the site. This tutorial assumes you have a understanding of HTML, CSS, jQuery, and PHP.

Hi Everyone,

I've created a very short screencast today, to walk you through installing WordPress.

I can do other CMS's and Scripts if you reply to the post with a comment for me with the CMS/Script name and a URL to their website.

The screencast goes for about 6 or so Minutes, and explains basically the simple steps to install wordpress such as downloading, adding in the database information and so on. I haven't included uploading or extracting the wordpress files, as it may be the topic for another screencast.

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.

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!

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

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;}

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>