Latest Articles And Discussions

For those of you that don't know, I have been working for a company called Customer Street for about a year and a half, and since I've been there I have learnt so much by way of Web Development. What started with CSS has now turned into knowledge about PHP, Javascript, MySQL, Ajax and some XML/XSL too.

The latest project that I have been working on more recently is called 'Rapidsite 3', which is the Customer Street Site Builder tool that creates whole websites very, very quickly and easily, even allowing anyone (our Customers especially) to quickly add and edit their sites without any prior knowledge of web development at all.

The system has now been in progress for over a year, but I have only...

If you are like me then whilst developing your web sites you use some of the very awesome Firefox Web Developer Addons, such as EditCSS, and Web Developer Toolbar. When it comes to creating, testing, and generally making your site look the part these tools are invaluable because they allow for real-time error checking, and coding, validation and plenty of other web-based tools.

However, the major problem here is an obvious one, being that they only work in Firefox, which is very easy to code for anyway because it...

Hopefully you will know this site like the back of your hand by now because for any CSS 'web stylist' this site is The Bible! It contains, as the link so obviously puts it, '53 CSS Techniques You Simply Couldn't Live Without' and I can honestly think of a scenario whereby most of them have come in to play, or would've been useful to know throughout my so-far short-lived career as a web developer.

In fact, this was one of the first resources I was pushed towards when I first started coding CSS for a living, and boy did it teach me a hell of a lot! A lot of the techniques listed are very advanced CSS and not all are pretty by any means, but each could become very useful when you want to do things a little different, or a little extra but don't want, or know any...

I'm not one that uses CSS hacks anymore because I've found that using clean code in all languages is both good practice, and helps you develop a better skill set for the commercial world.

However, there are a few CSS 'tricks' that I've used before that are on this list, so disregard any that tell you to 'hack' your CSS stylesheet, there are ways around those (such as the use of conditional comments for IE). But read the others because they are most definitely extremely useful in this modern age of Web Standards where it can prove very difficult to get your site to do exactly what you want it to in every medium you test it in.

If you know any other tips or tricks for CSS then leave a comment and let me know as I'd like to compile my own list of the same sort to help...

And so begins the (X)HTML with CSS tutorial to help you build your first valid web page. I think the best place to start would be to consider testing purposes. To do this all you will need is a text editing program, such as Notepad (I suggest Notepad++ as it is colour coded and has code hints) and an idea to start with. To guide you through this I am going to build a very basic page using HTML and CSS focusing on this site itself.

Okay, got Notepad open? Good. The very first, and most important part of your page that should always appear at the very top before anything else is the doctype (or

The first thing you will need in order to get these transitions on your web page is a little knowledge in web design! It is not difficult to implement, have some experience in the creation of web pages will help you a lot. Still, this guide should be able to get even the most un-technically minded person through the steps, so lets begin.

You will need to download (or copy and save) the following javascript file, which can be found here. If you are using Firefox this should open up a new tab or window and contain a lot of coding. All you need to do is highlight all of that code and copy and paste it into...

During the creation of web pages the most difficult task set forth before any web developer is that of cross-browser compatibility. Internet Explorer, Mozilla Firefox, Opera, Safari and so forth, have their own default margins and padding for certain elements on the page, and the page itself. This means that when building a web site there are going to be differences between browsers in terms of display and layout.

The Universal Selector attribute is not as widely known as many of the CSS attributes because of the fact that you never see it in the HTML document anywhere and yet it does apply to everything contained there. Because of each separate browsers tendency to adds it's own padding and margins to a lot of the elements found in HTML, such as the heading tags, h1, h2 h3,...

Internet Explorer, or IE, is the browser that everyone knows, and many people love to hate. Built into to the Windows platform and strewn across millions of computers across the world, Internet Explorer is the most well-known, and well-used browser because of it's simplicity and ease of use, and the fact that it is free with every copy of Windows.

Mozilla Firefox is a graphical web browser developed by the Mozilla Corporation and a large community of external contributors. Already you can see that there is going to be a big difference in the way these browsers operate and the different usability features each contains. Firefox originally began it's life as one of the sections of the Netscape Navigator browser. It replaced the old Mozilla Suite as the flagship of the Mozilla...