Stephanie Booth's online ramblings
Social media, blogging, tweeting, facebooking, web design, and all the stuff that isn’t here yet. Subcategories highlight some areas of particular expertise.
If you’re still wondering why you should use CSS instead of tables for layout out your pages, you need to read Eric Costello’s excellent Introduction to CSS Layout.
For more information on how to do it (once you’re convinced), you can always check out my stuff – at the risk of repeating myself. Of course, Eric’s article does a pretty good job of explaining that part too, complete with practical examples.
CSS rocks!
If you find the prospect of wading through the w3c specs daunting, and you are a lucky user of Mozilla or Opera, you’ll find these sidebar tabs invaluable. Yes, follow that link even if you don’t know what a sidebar tab is. I didn’t either before I went there.
These tabs conveniently list all the HTML and CSS elements in your sidebar. Click on the tag, attribute or element you need information on, and you’ll be transported to the relevant place in the w3c specifications. Without the trouble of finding the right spec, and then the right place in the spec. Still there?
I can’t imagine I discovered about them only now.
Yes, Shirley tells us they work in Opera, don’t worry.
Encore un site francophone “sans les tableaux”: celui de Sébastien. Allez lire ses textes, aussi, il y a du bon!
Un truc qui aide beaucoup lorsque l’on travaille sur une mise en page en CSS, c’est de rendre visibles les bords des boîtes (<div>) que l’on utilise.
Voici un bookmarklet qui vous permet de visualiser les boîtes de n’importe quelle page.
Il suffit de copier <a href="javascript:void(d=document);void(el=d.getElementsByTagName('div'));for(i=0;ile javascript en question dans vos favoris. Vous pouvez simplement saisir le lien ci-dessus avec la souris et le faire glisser dans vos favoris (pour mozilla et IE, en tous cas – je ne suis pas sûre de comment ça se passe dans Opera. Pascale?)
Il vous suffira ensuite de cliquer sur ce favori pour visualiser les divs et spans de la page sur laquelle vous vous trouvez. Pratique, non? En plus, ça existe aussi <a href="javascript:void(d=document);void(el=d.getElementsByTagName('div'));for(i=0;i<el.length;i++){void(el[i].style.border='2px dashed red')};void(el=d.getElementsByTagName('span'));for(i=0;ien couleurs! (D’autres bookmarklets?)
[En cas de problème technique, vous connaissez le numéro…]
Want to see “professional” CSS? Take a trip down to adactio.com and have fun switching styles.
No tables!
If you dig theme-switching, check out this article at ALA: Alternative Style.
Dommage… que Biz le prenne comme ça. J’avoue que j’en suis bien étonnée!
On peut pourtant faire de beaux sites en css, aussi bien que des tout simples – surtout si on est d’accord d’envoyer paître les mauvais navigateurs.
Ah oui – trois colonnes, c’est tout à fait possible aussi. Vous êtes en plein dedans, chez moi.
Je ne répondrai pas en long en large et en travers, le sujet a été fait et refait et je commence à me fatiguer. Qui en désire plus, qu’il me contacte directement!
Update: Biz répond à Karl et j’en reste toujours abasourdie. A le lire, on croirait qu’un éditeur est nécessaire pour faire du CSS?! En fait, c’est tout le contraire. M’enfin!
At the bottom of the sidebar, you’ll find a list of the latest referrers to this site. As I didn’t want the nasty little table it puts the results in by default, I modified the stylesheet.
I’ve played about with blogdex a bit (I’ve added a link to that on the right too). I had fun with the social network explorer (even though it doesn’t work for my site – I suspect the server was down last time it was crawled). See for example:
Get the idea? Have fun! And if your weblog isn’t indexed by blogdex yet, send them a note…
Don’t make a fool of yourself in cyberspace. It will catch up with you one day. There is the google usenet archive and the Internet archive wayback machine, too – remember.
Oh, and don’t send spam! (Yes, sending me your résumé in hope of employment is spam – especially if you’ve sent it to dozens of other people as well.)
The wiki now has an Index to help you find your way through the jungle. If you get lost all the same, you can complain about it in WikiNavigationFeedback.
Je viens de mettre en place une page pour souhaiter la bienvenue aux nouveaux visiteurs sur le wiki. Si vous n’y avez pas encore mis les pieds, allez la visiter et dites-moi si elle répond à vos questions – sinon je la complèterai.
Merci beaucoup!