Fire Studios

A couple of days ago I showed you how to make a category menu. In this post I'm going to show you how to create an even more advanced version of the same function, that not only has all the same features, but also includes the ability to be sorted into a different order.

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.

Google Syntax Highlighter may be WordPress' most popular syntax highlighter plugin, but it's not the most efficient. With plenty of extra JavaScript and sloppy PHP writing, it's quite the bloat-ware if left unchecked. So here's 2 fixes showing how to put GSH on a diet and still get all the features of the plugin.

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.

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.

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>