Archives: (X)HTML and CSS
Return to the archives.
December 2003
- SimpleQuiz, Take Two
- I mentioned SimpleQuiz a while back. It’s an interesting exercise in gaining some understanding as to some “best practices” in XHTML. When I first linked to it there were only 2-3 questions. Well, now SimpleQuiz is up to ten questions. The “correct” answer to most... full entry
- Selectutorial: CSS Selectors
- Yet another wonderful :CSS: tutorial is now available: Selectutorial. Similar to the previous Listutorial and Floatutorial, this one focuses on CSS selectors, which are absolutely crucial in writing good CSS. This tutorial covers everything from the very basic selectors up to advanced selectors such as... full entry
November 2003
- Margin Collapse in CSS
- Andy Budd (who apparently lives in Brighton, which is where my mate Ben lives...) brings us an excellent essay about margin collapse in :CSS:. This is a phenomenon that I knew existed and knew a little bit about it, but this article does a really... full entry
- CSS Crib Sheet
- Dave Shea of mezzoblue and the Web Standards Project is trying to put together a :CSS: Crib Sheet. In his words a CSS Best Practice is a one sentence action statement, a ‘thou shalt’ or ‘thou shalt not’ (paraphrased, of course) that highlights a specific... full entry
- CSS Decoration
- Here’s some more “hard-core” :CSS: for you, Derek: Advanced CSS Ornamentation. There’s some really cool ideas here for stuff I never would have thought of. Some of these ideas will only work in the Opera browser, unfortunately (though that’s still far superior to the dreaded... full entry
- CSS Vault
- Woohoo! More :CSS: goodness! This time it’s CSS Vault, which is an attempt to provide a collection of sorts for sites that display really good use of CSS as well as a general collection of CSS resources (tips, tricks, etc.). Awesome stuff and I hope... full entry
- How (Mostly) Not to Write your CSS
- I’m going to depart from my normal routine of pointing out really good resources. This time I’m going to point you to a resource that, :IMO:, generally has pretty poor advice about how to write a good stylesheet. Writing Perfect Style Sheets is supposed to... full entry
- Automatically Cite your Quotes
- Okay, Derek, here’s a bit more “hard-core” :CSS: trickery just for you. Web-graphics.com linked to this really cool idea to use CSS to automatically display the citation source for a blockquote. It works in Gecko-based browsers and probably in Safari, but not in :IE:, though... full entry
October 2003
- Floatutorial
- They’ve done it again: Floatutorial “takes you through the basics of floating elements”. It’s by the same folks who brought you Listamatic, Listamatic2, and Listutorial. Obviously, it’s also very good. So, if you’ve ever been tempted to use :CSS: to “float” something on your page... full entry
- ‘No Crap’ CSS Primer
- Here’s an intro tutorial for all you folks who really just don’t know what :CSS: is or simply couldn’t make heads or tails of the other “simple tutorials” you tried: Bare Bones, No Crap, CSS Text Control Primer. If you’re already familiar with CSS, this... full entry
- Accessible Image-Tab Rollovers
- Yet more :XHTML: list/Tab action going on. This time, Dan Cederholm of SimpleBits brings us tabbed lists using image rollovers. The trick here is that they’re far more accessible than conventional methods since they use one of the many “image replacement” techniques and don’t use... full entry
September 2003
- Listamatic2: This Time it’s Nested!
- I blogged a while ago about Listamatic, a site that showed how the same set of code could be styled in a plethora of different ways. Well, now those same wonderful people bring us Listamatic2, which deals with nested lists. This time they’re taking a... full entry
- Listutorial: Bullets and Rollovers
- I wrote about Listamatic a few days ago. It’s a great resource on how to use :XHTML:/:CSS: lists in different ways. You can now see Listutorial by the same author. As described there, it takes you through the basics of building CSS lists with “background... full entry
- SimpleQuiz: (X)HTML and Semantics
- Dan Cederholm of SimpleBits is putting out a series of questions about semantics in markup. The objective is to ask some questions about markup and generate some discussion about preferred methods.. SimpleQuiz is interesting so far because not only is it suggesting “better” ways of... full entry
- Listamatic: CSS & Lists
- I’ve written before about using :CSS: with lists to create tabs and such. It’s “all the rage” these days in web development circles, and for good reason: it’s semantic, it allows you to do lots of neat things, and it looks good. The Listamatic site... full entry
August 2003
- Containing CSS Floats
- Eric Meyer (he of the CSS Pantheon) has a nice article discussing some of the behavior of CSS floats. Most experienced designers will already be aware of it, but the behavior can really throw unsuspecting designers for a loop with what they’d consider some very... full entry
July 2003
- CSS Slants??
- This trick just leaves me staring. I thought I was pretty good with CSS, but I have no clue how this one works… What does it do? Simple: create slants and shapes in CSS. As the page says… it’s “slantastic”!!!
- Nifty CSS Experiments
- These aren’t your typical CSS experiments. Instead, these generally serve no real purpose, but instead look really cool. There’s a whole slew of them for you to look at. Oh yeah: don’t even think about visiting the page with Internet Explorer. You’re bound to be... full entry
June 2003
- CSS Mini Tabs
- A link to yet another site’s take on the ever-more-ubiquitous “Tabs via CSS”. This time, it’s a wee bit different in that it isn’t full tabs, but rather mini tabs. I still haven’t used any of these ideas in a site, but I’m sure I... full entry
May 2003
- CSS Tabs with Submenus
- More CSS Tabbing fun—this time, CSS tabs with submenus. As they should, these use correctly formatted unordered lists and key off the ID (or class, in the example) of the <body> to display the right tab/submenu. Definitely cool.
- Page 2 of 3 pages < 1 2 3 >
Return to the archives.