Lists

* « listamatic »:http://css.maxdesign.com.au/listamatic/
* « list-O-matic »:http://www.accessify.com/tools-and-wizards/list-o-matic/list-o-matic.asp
* « centricle’s comparison chart of CSS filters »:http://centricle.com/ref/css/filters/?
* « SitePoint »:http://www.sitepoint.com/, a web development portal that is also home to some of the « best web design forums »:http://www.sitepointforums.com/ on the web [« Simon »:http://simon.incutio.com/archive/2003/12/11/sitepoint]

Publié dans CSS

Tidy

« … It’s markup, not MS Word. … » [« x »:http://www.whump.com/moreLikeThis/link/03755] (« via »:http://simon.incutio.com/blogmarks/2003/12/10/)

Publié dans CSS

3 cols & alii…

* « CSS-discuss »:http://www.css-discuss.org/’s « wiki »:http://css-discuss.incutio.com/?page=FrontPage is the obvious starting place. It displays an extensive « 3 cols’ page »:http://css-discuss.incutio.com/?page=ThreeColumnLayouts. If you need the real edge CSS, check the « archives »:http://archivist.incutio.com/viewlist/css-discuss/, or « sign up »:http://css-discuss.incutio.com/?page=CssDiscussList.
* « Big John »:http://users.rraz.net/mc_on_the_rocks/’s « position-is-everything »:http://www.positioniseverything.net/index.php is next. It lists « all IE’s bugs »:http://www.positioniseverything.net/explorer.html (and « others »:http://www.positioniseverything.net/op-omnibus.html, « too »:http://www.positioniseverything.net/gecko.html), explains « FLOAT »:http://www.positioniseverything.net/articles/float-theory.html and « flowing and positionning »:http://www.positioniseverything.net/articles/flow-pos.html.
* Alex of « CSS-Enterprise »:http://www.fu2k.org/alex/css/index.mhtml is next (His site, FU2K, boast a « do-not-pass-thru Flash homepage »:http://www.fu2k.org/).

Publié dans CSS

Text size

ancient readings, refound with University of Minesota Duluth’s « Web Design References »:http://www.d.umn.edu/itss/support/Training/Online/webdesign/css.html’s help {« via »:http://css-discuss.incutio.com/?page=FontSize}:
* « Owen »:http://www.thenoodleincident.com/ says: « … you can make a nice ems stylesheet with P text at 1.0 em, and then downsize the whole thing by selecting size in BODY with %, like 76%. It’s simple, easy to change, and works for everything. Score 1 for late nights and coffee. » [« x »:http://www.thenoodleincident.com/tutorials/typography/index.html]
BTW, Owen’s CSS help page is « there »:http://www.thenoodleincident.com/tutorials/css/index.html#text
* « Mark »:http://diveintoaccessibility.org/ says:
« …
1. Netscape 4 displays p tags at 12px, regardless of user setting.
2. Internet Explorer 5 for Windows displays p tags at « x-small », which works out to be 12px at the default setting, but would scale larger if the user set their « Text Size » setting larger in the View menu.
3. Internet Explorer 6 for Windows displays p tags at « small », because of the « font-size: small » rule in the « body p » selector. This works out to 12px at the default setting, but would scale larger if the user set their « Text Size » setting larger.
4. Internet Explorer 5 for Mac, Opera, Netscape 6, Mozilla, and (hopefully) all future browsers will display p tags at « small », because of the « font-size: small » rule in the « html>body p » selector. This works out to 12px at the default setting, but would scale larger if the user used the « Text Zoom » feature. »
[« x »:http://diveintoaccessibility.org/examples/fontsize.html]

Publié dans CSS

Filtered

* « Tantek »:http://tantek.com/’s « Mid Pass Filter »:http://tantek.com/CSS/Examples/midpass.html
[UPDATE] « As with almost all hacks it looks pretty revolting. My recommendation is to accompany all hacks like this used in live stylesheets with a commented link to the page describing the technique. » (« Simon Willison »:http://simon.incutio.com/archive/2003/10/06/targetIE5)
* Christophe Ducamp (of « e-lanceur »:http://www.elanceur.org/) is the french guy who « translated »:http://www.elanceur.org/jason/BidouillageBoites/BidouillageBoite.html the « Box Model Hack »:http://tantek.com/CSS/Examples/boxmodelhack.html. He tells us that « le prologue ?xml n’est pas nécessaire »:http://www.tantek.com/XHTML/Test/minimal.html#withorwithoutxmlprolog, . Must be true, as Tantek is the original author.

Publié dans CSS

Anil says

* « Anil Dash »:http://www.dashes.com/anil/index.php pointed to « a useful ressource page »:http://www.holovaty.com/blog/archive/2003/09/17/0132 by « Adrian Holovaty »:http://www.holovaty.com/, who now « works with Simon Willison »:http://simon.incutio.com/archive/2003/08/27/kansas.
* Adrian, who works at a newspaper, also raises some very sound issues like: « is the reporter doing his subjects a favor by quoting them, or vice versa? »:http://www.holovaty.com/blog/archive/2003/09/18/0207
* Anil also pointed to « Rebecca Blood »:http://www.rebeccablood.net/, who, among lots of others charming info, points to « DIY & vermi-toilets links »:http://www.rebeccablood.net/archive/2003/09.html#01sustainability_diy

Publié dans CSS

Making Micro Icons appear…

….after email and external links
is explained by Nathan Steiner of « web graphics »:http://web-graphics.com/ (precisely « here »:http://web-graphics.com/css/base.css):

Method found here: « http://my-dimension.com/article/mini_icons/ »:http://my-dimension.com/article/mini_icons/
Method originated here: « http://www.kryogenix.org/days/173.html »:http://www.kryogenix.org/days/173.html
Added whitespace:nowrap; to fix wrapping problem, thanks Andreas Bovens

also: *NiceTitles feature*:
Stuart Langridge of kryogenix.org made this: « http://www.kryogenix.org/code/browser/nicetitle/ »:http://www.kryogenix.org/code/browser/nicetitle/

{Jennifer aka « scriptygoddess »:http://www.scriptygoddess.com/ [« X »:http://www.scriptygoddess.com/archives/004155.php] → « color picker review »:http://web-graphics.com/mtarchive/000972.php @ « web graphics »:http://web-graphics.com/}

Also via « scriptygoddess »:http://www.scriptygoddess.com/archives/004154.php, the following : « referrer script and entry hit tracker »:http://blog.codefront.net/archives/2003/08/16/tracking_entry_referrers_with_php_in_mt.php @ « redemption in a blog »:http://blog.codefront.net/

Publié dans CSS

Standards

« Simon Willison »:http://simon.incutio.com/archive/2003/08/28/advocatingStandards advocates standards: « People who develop with web standards are currently riding well ahead of the curve » and advertises Eric Meyer’s new SoHo: « Complex Spiral »:http://www.complexspiral.com/ who delivers more advice on float.

Publié dans CSS

Blog

* Do you know « bBlog »:http://www.bblog.com/ , a php blogging tool? « Phil Ringnalda »:http://www.philringnalda.com/blog/2003/07/google_and_blogthis.php [« x »:http://philringnalda.com/] and « Dean Allen »:http://www.textism.com/ (Textism) are « working on it »:http://dev2.bblog.com/.
* « I have only one firm policy: when you appear in a screenshot, blog it » « Phil Ringnalda »:http://philringnalda.com/ [« x »:http://philringnalda.com/]

Publié dans CSS

Shadow

* « flexible drop shadowed boxes using CSS « :http://nontroppo.org/test/shadow.html {← « Simon Willinson »:http://simon.incutio.com/archive/2003/07/09/linkPropogation}
* « wide-open authoring of authoring tools tends to capture real-worldly usable authoring practices better than headlong attempts to recreate Microsoft Word, only with XML » « Dorotea Salo »:http://yarinareth.net/caveatlector/ (« here »:http://simon.incutio.com/archive/2003/07/09/textile2#comments)
* « You can see it in their eyes when you start to explain why they shouldn’t overdo it that they think that you cannot do it, which is fairly frustrating » [« Jim »:http://simon.incutio.com/archive/2003/07/09/independentDays#comments]
* _StopDesign_ explains « the first major publicly available Stopdesign project since the redesign of Wired News last October »: « Adaptive Path completed the launch of a brand spanking new redesign of their website »:http://www.stopdesign.com/log/2003/07/09/the_new_path.html

Publié dans CSS