Encore un site francophone “sans les tableaux”: celui de Sébastien. Allez lire ses textes, aussi, il y a du bon!
Category: Technical
Technical issues around social media. For the geekier-minded.
CSS: regardez-moi ces <div>! [en]
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…]
CSS Love [en]
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.
Anti-CSS à la charge… [en]
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!
Indexed Wiki! [en]
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.
Wiki pour les nuls [en]
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!
Wiki For Newbies [en]
I’ve put up a page to welcome new visitors on the wiki. If you haven’t been there yet, please check it out and tell me if it answers your questions – otherwise I’ll complete it.
Thanks a lot!
History [en]
Know the Code.
The browser wars are keeping us up nights.
We’re referring, of course, to the battle between Netscape Navigator 2 and Netscape Navigator 3. Seems the two generations of Wall Street’s (and our) favorite browser parse HTML somewhat differently. This is not a problem for people who write standard vanilla web pages. It was a big problem for us.
There are now over 200 pages in this web site. We’ve revised them all, to enrich your life as you speed-click your way through. Who loves ya, baby?
Some things don’t seem to have changed much on the web during these last years, like losing time working around browser incompatilities. Other things seem to have changed a lot, like taste in design.
If past things interest you, you’ll love the Internet Archive. It’s really interesting to see how design and content evolves through time.
Here are some of the sites I dug through:
If a page doesn’t seem to be in the archive, don’t worry and try later. The Internet Archive is having trouble keeping up with all the requests.
- zeldman.com
- la-grange.net
- davezilla.com
- astoundingweb.org [don’t look at the latest archive, it’s a porn site now]
- harrumph.com
- and of course, climbtothestars.org!
Domain [en]
The wiki now has its own domain, with friendly urls: http://spirolattic.net.
Bookmarks [en]
When I first thought about setting up a wiki on this site, I was thinking of the personal use I could make of it. A giant scrapbook, a place to brainstorm, to think about my dissertation topic, or post quick links.
Even before I had got the script running, though, another project had loomed up: make it a place where people visiting this site regularly can interact. Make it a place where we can have interesting discussions, and get a little community-feel.
But I didn’t forget my initial idea, which I found was fully developped in WikiAsPim.
I’ve been wanting to make my bookmarks available publicly for some time now. First of all for myself, so that I can have them handy whether I’m at work (Internet Explorer) or at home (Mozilla) or even at university (Mac and old Netscrape).
But also because every now and again, I spend a few hours doing what I call “web research”, and I often come up with collections of links on a given topic which I think a pity to just leave lying on my computer, once I’ve done with them. I don’t want to go through the trouble of putting them on a full-blown site page either, because they are often not topics I’m ferociously interested in.
So a wiki would be a great place to dump my bookmarks.
Start digging!