Well, I’ve run into a couple of setbacks with the redesign. All of them have to do with the backend. The frontend of things is pretty much set. There’s some minor things I want to add, like some images and some hidden features that aren’t available in this screenshot.

To be honest, I don’t think a blog is the best setup for divspace. It’s doing the job for now, but in the near future I’ll be writing my own backend to handle the needs of the site and to turn my vision into a reality.

(more…)

I guess I should have made this my first post, but thought I would have come up with a design faster than this. Yes, the divspace logo looks just like Digg’s logo. Yes, the gradient header looks just like theirs too. And yes, even the search form mimics theirs.

Can I design? After all, this is a website about web development, which would include web design. And granted there aren’t any articles about web design yet, I can design.

(more…)

Now we’re starting to get into the heart and soul of CSS, which would be positioning, or how a box relates to the rest of the page and elements. Over the next three tutorials I’m going to be talking about the different position types, but this one is going to be about relative positioning. This kind of positioning follows the normal flow rules, the only difference is that the box can be moved according to its offset properites.

(more…)

When you create a document using CSS that has more than one container box, there is a default flow to how everything is positioned, assuming that box isn’t an absolute or fixed box, nor a float—and don’t worry, we’ll touch on those terms later.

(more…)

There are two types of boxes, block and inline. Block boxes would include elements such as <p> or <div>, while inline boxes would include tags such as <strong> or <span>, as well as content like text and images.

A block box acts like a container. The point of these container boxes is to determine the position of the boxes within it, and sometimes the dimensions of these boxes. Take the following code for example:

(more…)

According to its creators, cascading style sheets “is a simple mechanism for adding style to web documents.” The goal of this and future tutorials is to apply the power of CSS to help you understand CSS. So what exactly is CSS anyways?

• CSS is a standard layout language for the web. What that means is it controls colors, fonts, size, and placement of elements and images.
• CSS is meant to replace table-based layouts, frames, and other presentational hacks.
• CSS helps separate style from content, making the web more accessible and usable for everyone.

(more…)