Time Wasted on Binaries

quick note on meta name viewport and android

bjorn — Mon, 20 Jun 2011 20:09:49 +0000

If omitting width=device-width from the viewport meta tag, css3 flex-box layouts no longer respect overflow:hidden and text-overflow:ellipsis for wider-than-page content.

when webkit css animations causes flicker

bjorn — Sun, 19 Jun 2011 06:39:21 +0000

sometimes when using -webkit-transform:translate3d; or -webkit-transform:translate; on elements visible on the page, it causes the screen to flicker. In my particular case I had a menu that opened as an overlay, and whenever an element with translate3d was on the page, the menu flickered badly when fading in.

The solution seems to be to set backface-visibility to hidden for the menu element, like so:

#menu {-webkit-backface-visibility: hidden;}

Installing latest MacPorts for OS X 10.6

bjorn — Wed, 16 Feb 2011 08:55:19 +0000

I was just about to install MacPorts on my OS X 10.6 system, and downloaded the latest package (1.9.1) from macports.org, only to get a dialog saying my MacPorts version was too old to update, and that I first needed to upgrade to 1.7.1. That didn’t install at all, but I found this snippet while googling around for a solution. This removes all previous versions of MacPorts and its dependencys, so be careful if you’re not sure that you want to do that. Fire up Terminal and type:

sudo rm -rf \
/opt/local \
/Applications/MacPorts \
/Applications/DarwinPorts \
/Library/Tcl/macports1.0 \
/Library/Tcl/darwinports1.0 \
/Library/LaunchDaemons/org.macports.* \
/Library/StartupItems/DarwinPortsStartup \
/Library/Receipts/MacPorts.pkg \
/Library/Receipts/DarwinPorts.pkg

Then install MacPorts 1.9.1 package again. Worked for me at least. Disclaimer: I am certainly not an expert on this, so your mileage may vary…

More fonts for the web

bjorn — Tue, 11 May 2010 11:16:08 +0000

Typography for the web is on the roll.

Sites like fontsquirrel and fontspring offer loads of free and open-source embeddable fonts for hosting on your own server, and hosted solutions like typekit.com are partnering up with big type foundries like fontfont and veer.

The big foundries have been a bit slow in adapting their font licenses for this newfangled technology; after all, the MS-proprietary format .eot has only been around since IE5 or something.

Monotype, Linotype and ITC have recently joined forces in a service similar to Typekit called webfonts.fonts.com. This is great news, since beforementioned foundries holds classics like Frutiger®, Univers®, Helvetica®, ITC Franklin Gothic and ITC Avant Garde® to name a few…

I got my beta account invite to the service day before yesterday and have just started toying with it a bit. The UI is a bit lacking when compared to typekit, and many of the poster-name fonts mentioned on the site hasn’t been added yet. Font replacement looks snappy enough however. Think I need to play around a bit more with the service before I can give an honest opinion.

subscript/superscript character challenges in HTML

bjorn — Wed, 16 Sep 2009 08:36:13 +0000

(this entry is a bit of a mess, just posting it for reference now, might get around to expand the topic at a later time)

According to the internet, IE has issues with the UTF-8 version of subscript 2: CO₂ … which unfortunately turns out to be correct, also in IE8. IE just displays an outlined square.

when writing m², you can either use the entity ² or ². There is no entity for subscript-2 and the UTF-character ₂ doesn’t work in IE Without some extra CSS in the document they differ a bit, ² being more typographically correct. ^{and _{elements messes up the line spacing.}}

Examples (entities vs. sup/sub): m² vs. m² and CO₂ vs. CO₂

_{Related info:}

Extra characters for Cufon/sIFR

bjorn — Mon, 27 Jul 2009 08:11:52 +0000

When rendering typefaces for use with Cúfon or sIFR, it’s not enough with choosing basic latin if you want to be able to write in swedish or danish. Here’s the string I’m using for configuration:

“”‘’…_&-–—åäöæøàèìòùáéíóúâêîôûäëïöüãõñçÅÄÖÆØÀÈÌÒÙÁÉÍÓÚÂÊÎÔÛÄËÏÖÜÃÕÑÇ©®™′″´×⁺

That tends to cover the most common issues, including WordPress punctuation.

How to make it work

Adding extra characters when rendering font files for Cufón is fairly straightforward; just paste that string into the text field labeled “.. and also these single characters” and render away.

When generating .swf-files for use with sIFR, select the text object in the .fla file that comes with the download, 2) click the character embedding button, and 3) paste the text string in the field. Generate the .swf, and done!

MP3 Amp

bjorn — Thu, 16 Oct 2008 18:56:41 +0000

I’ll take two, please.

Herb Albert – Spanish Flea

bjorn — Thu, 07 Feb 2008 14:43:41 +0000

This song has been going around like the flu in the office the last couple of months. Spanish Flea by Herb Alpert & The Tijuana Brass… Here’s what has to be the funniest interpretation ever of it:

Och nu brinner hela skogen

bjorn — Mon, 28 Jan 2008 16:54:53 +0000

]]>

Jazz is not dead … it just smells funny

bjorn — Wed, 02 Jan 2008 21:16:16 +0000

Finally breaking the silence around here, since Anders from ofokuserat challenged me in a band-relay game. I got the letter Z (which, I guess, is the last character?) and the first band that came to mind was Zero 7. But since I couldn’t think of a single song of theirs I really like, I’m going with Frank Zappa.

Information is not knowledge. Knowledge is not wisdom. Wisdom is not truth. Truth is not beauty. Beauty is not love. Love is not music. Music is the best.