Tag Archives: CSS

Link - How to get Cross Browser Compatibility Every Time

How to get Cross Browser Compatibility Every Time

Link - How to hide and show initial content, depending on whether JavaScript support is available - Robert’s talk - Web development and Internet trends

How to hide and show initial content, depending on whether JavaScript support is available - Robert’s talk - Web development and Internet trends

The solution is to include a JavaScript file in the head part of the document. If JavaScript is enabled, it directly runs an anonymous function that in turn creates a link element which only contains CSS code to hide chosen elements if JavaScript is enabl

Theme update - round 2

OK, here’s the next revision of my new theme, partially based on the feedback that some of you provided.

I’ve always resisted going to 3 columns, but I think it works in this case. It was a bit tricky to do while keeping the underlying HTML source order the same (content first, then the two sidebars after it - for SEO purposes), but I think it will do for now.

I will probably still eventually go back and change that part, though, because there are some drawbacks with this approach. The main one is that you loose some of the sidebar content if you’re viewing it in a window narrower than about 1000px at the default text size.

The other is similar and related (due to the content column being centered), in that if you resize the text too large you will not be able to see the edges of the content column anymore, and you can’t scroll to see them. This one’s not as big of a deal, though, since the text is already large enough to start with and there’s still a bit of room to bump it up before running into that problem.

New look

Well, I finally got around to working on a new theme for a bit, so here it is. It may still need a bit of polishing up, but I think it’s ready enough at this point.

I always qualify any of these announcements by saying that I certainly don’t consider myself a graphic designer of any merit, but I’ve been wanting to start from scratch on here for quite a while now, and I figured I might as well take the opportunity to get some practice.

I’ll eventually get around to packaging it up and releasing it for anyone who’d like to use it too. To get a feel for how it works with a wider variety of content, you can see it in action at a blog I added with some sample data designed for testing out the theme.

Hope you enjoy it!

PS - I’ll probably also package up the plugin I whipped up to replace the blog description with my Facebook status too, if anyone’s interested in that.

Text only, please

E-mail is not a platform for design - by Jeffrey Zeldman

Amen, brother! If you really, really “need” to show some visually styled presentation, send a link to a web page, because that’s where HTML & CSS belong.

Oasis 2 theme released

Hey, I finally got around to testing and repackaging my latest theme for public consumption. I guess it’s not really as polished as it could be, but there’s always room for improvement, and I’ll probably never really be completely satisfied with it, so what the heck…

Go get Oasis 2 if you’re interested.

CSS based design - visual illustration

Here is a great (animated-GIF based) progression that illustrates the beauty of CSS based web design.

Now all we need for contrast is to show the same end result using an old-fashioned table based approach. :)

Looking for some plugin strategy feedback

As it relates to how my plugins look, my new approach (for the ones I’m getting ready to release shortly) is to make them look decent out of the box, in the default WordPress 2.0 theme, and then just add enough in the way of IDs and class names to make it as easy as possible for people to customize if they aren’t using the default theme.

My thinking on this is that I don’t really think there’s any good way to provide for many complicated style rules out of the box without making it more difficult to customize when the user does want to use an alternate theme. So, what I think the best approach might be is to make it OK (without much or any CSS) for people who are totally uncomfortable messing with their themes, and then for those who ARE into that, they may have to tweak it a little bit to make it fit, but they will have to do that on everything; that’s just part of choosing a different theme.

What do you guys think?

Quick bug fix

I managed to find a few spare minutes to fix some nagging bugs with the most recent release of my theme - specifically related to the tagboard and the syndicated content section.

I’m thinking of hiding the syndicated content display by default and/or allowing users to turn it off and have it remember their preference. What do you guys think?

A bit more polishing needed

There are still a few lingering problems that I have to tie up with this new theme:

  • In some browsers, the syndicated content doesn’t stay inside the boundary.
  • There is a flickering image of the tagboard that appears over to the left whenever things change on the page, like when a new tag is submitted or the syndicated content cycles to the next entry. This has to do with some page reflow bug that I remember seeing when I did the tagboard before, I just don’t remember how I fixed it.
  • Altering the way that the show/hide links in the sidebar remember the selected values; they aren’t currently preserving the selected states across browser sessions.
  • I’m probably going to add a “don’t show this anymore” link to the syndicated content thing, so if people don’t like it they can close it and have it now appear again.

The first two show up properly for me, using Firefox 1.5 on XP and Linux, but have problems in FF 1.0 and Safari (thanks Nathan), so I believe that they are based on bugs in other browsers that have been fixed in FF 1.5, but I still need to work around them.