Warping it up!

Fini Alring's Glossy Tech Zine

Håkon Responds to CSS Questions

Wednesday, July 12th, 2006

Håkon Wium Lie (the honored father of Cascading Stylesheets [CSS]) has some really interesting answers to slashdot readers questions about CSS, W3C, Microsoft, IE7 and the rest of the Web…

CSS3: Multi-column Demo for Firefox

Friday, September 30th, 2005

Since the beginning of web design, there has always been a need to make multi-columned text pages. Sadly HTML and CSS 1+2 has rather weak support for this kind of wrapping techniques. Many workarounds have been created for this using JavaScript and server side pages. But the draft specification of “CSS3 module: Multi-column layout” promises to solve this “column problem” by adding a set of CSS properties.

Mozilla Firefox 1.5 beta adds preliminary support for these properties, so that developer can begin playing with it, not however that the reason the properties begin with “-moz-” is that the CSS3 Multi-column specification is still a draft, so therefore they should not be used for real web design yet, unless it can make a clean fallback when meeting non-mozilla 1.5+ clients.

I have created CSS3: Multi-column module demo for Firefox 1.5 beta – which shows some of the wonders of the new multi-column features, as well a some other CSS properties to create a nice flowing page with highly dynamic columns, and pretty stable compared to many of the older methods, but you need to use Mozilla Firefox 1.5 beta – which I would only recommend to Web Developers.

You can also check some screenshots of the demo, showing it’s ability to create as many columns as it can, while maintaining nice readability thru limited line-width.

CSS3 Multi-column demo 0.2b 001 CSS3 Multi-column demo 0.2b 002
CSS3 Multi-column demo 0.2b 003 CSS3 Multi-column demo 0.2b 004 CSS3 Multi-column demo 0.3b 001

Don’t believe the rumours, check the demo yourself here:

CSS3: Multi-column module demo for Firefox 1.5 beta

See more code samples at Mozilla Developer: CSS3 Columns.

A List Apart: Articles: Introducing the CSS3 Multi-Column Module

Beta Release: Mozilla Firefox 1.5 B1

Friday, September 9th, 2005

mozillaZine: Mozilla Firefox 1.5 Beta 1 is now available for download. Also known as the 1.8 Beta 4 milestone, this is the first beta release of the next major Firefox update and is aimed at testers, extension/theme authors and Web developers. The final release of Firefox 1.5, which will be widely promoted to end-users, is scheduled for later this year.

Please note that this is NOT for normal users, it will replace the current Firefox and will disable most extensions. However for developers it’s great! Looking forward to doing more E4X stuff, as well as SVG demos!

Release Notes for Firefox 1.5 Beta 1

Mozilla Firefox 1.5 Beta 1 Released

Ten CSS Resources

Monday, August 15th, 2005

victorialever writes “Since one could have noticed an increasing number of websites that are employing CSS and an increasing number of resources talking about how great CSS is, it seems to become impossible not to jump on the CSS bandwagon as well. The 10 Best Resources for CSS provides an impressive list of the CSS resources which have recently become essential for web-developers. Among them – CSSZenGarden, The Web Developer’s Handbook, Stylegala, PositionIsEverything etc.

Slashdot | 10 Best Resources for CSS

Inkscape 0.42: Scalable Vector Graphics Editor

Wednesday, July 27th, 2005

Ok! Why did I not know about Inkscape before today??! It looks amazing and it’s said that the new version is a major feature update, and although I haven’t tried it out yet, from the screenshots it’s pretty easy to see that this tool is also for the big boys, it works with SVG which makes even more happy, since I was about to begin some SVG experimenting anyways soon, and it’s soo boring to draw complex vector drawings by handcoding, believe you me!!

Here’s the intro text from the Inkscape Website:

Inkscape is an open source drawing tool with capabilities similar to
Illustrator, Freehand, and CorelDraw that uses the W3C standard scalable vector graphics format (SVG). Some supported SVG features include basic shapes, paths, text, markers, clones, alpha blending, transforms, gradients, and grouping. In addition, Inkscape supports Creative Commons meta-data, node-editing, layers, complex path operations, text-on-path, and SVG XML editing. It also imports several formats like EPS, Postscript, JPEG, PNG, BMP, and TIFF and exports PNG as well as multiple vector-based formats.

Inkscape’s main motivation is to provide the Open Source community with a fully W3C compliant XML, SVG, and CSS2 drawing tool. Additional planned work includes conversion of the codebase from C/Gtk to C++/Gtkmm, emphasizing a lightweight core with powerful features added through an extension mechanism, and the establishment of a friendly, open, community-oriented development process.

* Inkscape.org – Draw Freely

* Slashdot | Inkscape 0.42: The Ultimate Answer