Tuesday I was a guest speaker at Mrs.A’s gifted class. She’s teaching a group of 9-12 year olds web design and asked if I’d come in an talk for an afternoon.
So I spent 30 minutes talking to them about the basics of user centred design and how the internet works. Then I helped them trouble shoot their table based layouts and font tags.
I read John Resig’s article Sub-Pixel Problems in CSS a few days ago and found it to very useful information.
And then today I had an “ah-ha’ moment – this this is why I hate coding flexible horizontal navigation menus.
There’s only one time where I ever really miss table based layouts: when I’m trying to make a flexible horizontal navigation bar with centred links. Like this or this. *chews on keyboard with frustration*
Has anyone else noticed a bunch of really old HTML coding tutorials at the top of their search results when searching for answers to HTML coding questions lately?
I was trying to find out if legend was a required tag in fieldset and I got a tutorial that said not to use legend because Netscape 4 doesn’t support it yet but should soon!
Wow, FireFox does not play nice with styling legends.
FireFox, I’m not mad, I’m just disappointed.
I’ve been wanting to seriously redo some of the HTML and CSS behind the BCIT site since I came on board here almost a year ago.
Well, I get my wish. We’re going to take some baby steps towards semantic HTML and CSS (POSH if you like) and despite my aversion to being in charge, I’m leading the project.
As a first step I’m trying to write a CSS coding style guide. I can’t necessarily clean up the current mess but I can try to stop any new ones from being made ;)
What I want to do is develop guidelines for:
So far my research has turned up very few examples to help me with the development. This somewhat out dated post is the best I’ve found so far. Part of my problem is that searching for a style guide for CSS is just coming up with guides to styling with CSS.
Do you work with a CSS coding style guide or know any good resources for developing one?
Just like the current BCIT site’s code is horrible thanks to our restrictive CMS I’m not happy with my current blog theme, please don’t judge me on it.
So apparently we’re supposed to be encoding ampersands when we write them in the href part of anchor tags.
<a href="http://stephaniehobson.ca/file.php »
?fire=hot&beer=foamy">link</a>
I am, for the most part, self taught when it comes to HTML and CSS. I’ve take a few courses to get a piece of paper that says I can do what I say I can do but learned very little from them.
I spotted this little CSS tidbit in a presenter’s code at the Web Directions North conference a few weeks ago and now I’m wondering if this is the sort of thing I missed out on by being self taught:
table
{
border-collapse: collapse;
}
There are quite a few tables I’ve designed where this would have been very useful.
