Warping it up! » CSS

Warp’s MathTest 1.0

Fini Alring — Thu, 14 Aug 2008 22:28:17 +0000

I realised this little game quiz from my old website was not published on my new website, so I decided to link to it, it is from 2002 and little project I made because I suck at calculation, however I must admit I did not use it very much as I hoped for, perhaps it is time for me to train that biological calulator of mine again..

Enjoy or fear the magnificent math test!!

Warp’s MathTest: Test or train your own biological calculator.

The code will be open sourced if anyone shows interest in it, not that there is much use for that code anymore, it is using somewhat outdated but well proven JavaScript techniques, but feel free to peek – afterall programming is more fun than calcuating numbers…

Håkon Responds to CSS Questions

Fini Alring — Wed, 12 Jul 2006 14:06:19 +0000

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…

Slashdot.org: Håkon Responds to Questions About CSS and…

Redesign ASAP

Fini Alring — Sun, 12 Mar 2006 15:35:29 +0000

I just discovered that my blog has render errors on IE, and since I couldn’t quickly find the error I promised myself to finally get on with it and create a completely new design. This will also be a good opportunity for me to upgrade to WordPress 2.x. However I have more urging projects on my todo list, so it won’t happen as swift as I would have wanted.

So for all you oldschoool guys still using Internet Explorer, this would also be a good opportunity to upgrade you browsing life by getting hold of the latest Firefox browser and perhaps even the magnificient Thunderbird.

UPDATE: I fixed the render bug, by accident I had created a very long post-tag which killed the IE layout.

UPDATE 2 (March, 19 2006): The blog is now running under WordPress 2.x and MySQL 5.x, and everything seems to work fine.

CSS3: Multi-column Demo for Firefox

Fini Alring — Fri, 30 Sep 2005 07:33:43 +0000

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.

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

Ten CSS Resources

Fini Alring — Mon, 15 Aug 2005 13:35:51 +0000

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

Fini Alring — Wed, 27 Jul 2005 21:36:18 +0000

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