CSS Wizardry archive for the ‘Web Development’ category


If surgeons worked like some web designers do…

then Harold Shipman would look like a reasonably nice chap… The attitudes of many web developers and designers are frankly quite scary. The web design game’s quality and value is constantly undermined from people outside the industry, but the disregard from within the industry is—although admittedly less frequent—a lot more unforgivable.

Here is a little tongue-in-cheek post taking some of the things an offending designer/developer might say, but from the lips of a surgeon. After all, I do love a good analogy.

Web designer Surgeon Lesson
Web designer Surgeon Lesson
I validate all my code. I make sure my instruments are clean. Some things are just a given. Proper code isn’t anything to show off about, it’s just a standard part of a decent service. You’d be worried if a surgeon made a point that his tools were sterile, it’s just something you’d expect.
I’ve not done this before, but I’ll give it a go. I’m usually a rectal surgeon, but I’ll give neurosurgery a shot. If you can’t do something, don’t! You wouldn’t want a surgeon trying unfamiliar practices on you, especially if you’re paying. Why would you charge a client to experiment new things on their site?
The code’s not the best it could be as I was pressed for time. I was in a rush, so I bodged the operation. Lack of time is no excuse for poor code. I commented on this one before.
This won’t work in IE6, it’s too old to support. Madam, you’re quite old, I don’t think I’m going to do this operation. You may not like IE6, but it’s unavoidable. You need to learn how to work with, and then do so.
I’ve just got a copy of Dreamweaver and I want to start web design. I found some old scalpels—got any ailments I can tend to? Being a developer is more than owning the right tools—it’s about years of hard work and education (formal or otherwise).

If you can think of any more, please feel free to add them in the comments. And this is just a light-hearted, jokey post. I’m not comparing the importance and responsibility of surgery with that of web design… honest.


Multiple column lists using one <ul>

This is a quick, simple tutorial on how to create multiple column lists by only using one ul. Often is the case when you’d want multiple lists side-by-side, but you end up using markup like <ul class="col"> in order to get several lists sat next to each other. However, by simply floating lis left and setting their width to the correct percentage (two columns = li{width:50%;} and so on), you can attain a multiple column list pretty easily.

View demo

(more…)


Upside down domains—registering an international domain name

Earlier today I registered the domain http://ʎɹɹɐɥ.com. Or did I? Upon reading an article by Sam Brown, which in turn linked to an article by John Sutherland explaining how to register such domains, I wanted one. There are a few levels to this trickery. There’s the ‘Oh I totally understand how this works!’, or there’s the ‘I don’t want to know how it works, I just want it!’ level.

(more…)


CSS bar charts—styling data with CSS3 and progressive enhancement

Bar charts in CSS are neither very new, or very difficult. Using some pretty basic styling you can force lists etc into resembling graphs and charts fairly easily. Such charts, in their most basic form, work perfectly well in displaying and presenting the data they represent. However, using some rich CSS3 and progressive enhancement, you can really start pushing the display and presentation of these normally boring documents to the next level. They are also an ideal way in which to demonstrate the power and ability of progressive enhancement.

View demo

(more…)


CSS Wizardry Netvibes widget

For those of you that read CSS Wizardry and use Netvibes, I have created a small search widget which you may be interested in adding to your Netvibes page. The widget is simply a small search form, from which you can search all the current articles on the CSS Wizardry site. All you need to do is head to the widget’s page and hit ‘Add to Netvibes’.

A screenshot of the CSS Wizardry Netvibes widget

From my point of view, creating the widget could not have been simpler—simply writing some basic form HTML which posts to the blog will yield results, and it then just requires dropping into an XML document and placing on a live server, and linking to via the Netvibes developer centre.

You can view the ‘master’ XML document here: http://csswizardry.com/netvibes/index.xml


Search CSS Wizardry

Archives

Categories

Twitter—2089 followers

You should follow me.

Subscribe—RSS