Flattr invite

I have one extra Flattr invite laying around…

What is flattr?

Flattr can be used as a compliment to accepting donations. Or to having advertising on your blog. Or to help getting small donations you never get for your open source software.

Comment on this post and I’ll pick one of the commenters on Saturday June 5th.

Brisbane – 17th May twentyten

The Norwegian Constitution day celebrations in Brisbane, Australia. It is the biggest celebration outside the Norwegian border! It was a chilly winterday here down under with only 16-17 degrees.

All the pictures will be available on my flickr account as soon as they are done uploading. Check them out at my flickr photostream. You can see some of the selected images below.


Pre Parade gathering


The front of the parade down one of the closed streets.


Parade.


Parade.


Back of the parade.

There was probably 300-400 people celebrating even tho it was early on a regular Monday.

A stop motion movie with all the pictures will be uploaded soon.

Lost: where we are at

I was explaining the last LOST season up until the episode this week to @bearroast earleir today and this is it:

The island is typ a way station between heaven and hell. It is time-independent. On the island there is a guy called Jakop who is “Jesus” and the gas cloud / (Now John Lock) representing evil. The evil is trying to get to the ordinary world, but the only option it has to do soo is to kill and Jakop, and then take all that was part of the original plane (flight 815) away from the island. John Lock / cloud can not directly kill Jakop, only indirectly. John Lock / cloud killed Jakop in the last episode of season 5 through manipulation of Ben Linus. Now Lock try to gather everyone from flight 815 to leave the island. Everyone on Flight 815 + Desmond was /
are candidates to take over as the kind Jakop / jesus on the island. I guess where we typ today ..

Opera Mini vs Safari mobile

Opera Mini was finally approved in the App Store today and I was very eager to test the new browser on my phone. Opera mini is faster than Safari mobile due to Operas compression technology but o’boy does some of the sites look ugly on Opera. The double touch to zoom feature is another thing I have major issues with in Opera due to the lack of “intelligent zoom”. On top of that Opera Mini has a ugly GUI and less viewable area than Safari Mobile.

Opera Mini – Ugly icon and GUI




I don’t like the “Opera bar” taking up screen space, and what is up with that cancel button?

Screenshots




nordahl.me




New York Times




Engadget – technology website




Dribbble – design descussion website




Apple’s website




Opera’s website

Conclusion:

Opera mini vs Safari Mobile
Fast and ugly vs slower and the way the site was meant to be viewed.

3D text with CSS

nordahl-3d-text
You could create 3D text with CSS by adding multple shadows to the text like this:

body{
	background:#373737;
}
h1{
	color: #373737;
	text-shadow: 0 0 5px #111,
	1px 1px 0 #777;
}

Changes to the aside tag specifications

The HTML5 standard is still under development and they recently made a change to the aside tag. Previously the content of the aside tag had to be used for content related to the article content. In the new specifications aside’s inside a article has to have content related to the article. If you use the aside tag outside the article the aside could be used as a regular sidebar. That is more or less what we have seen the aside tag has been used for so far anyway. That is the way I used it on my HTML5 projects so far.

...
<body>
<article>
<h1>Blogpost</h1>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<aside>
<!-- Content related to the blog post. -->
<h1>Specs</h1>
<ul>
   <li>Lorem ipsum dolor.</li>
   <li>Aliquam tincidunt mauris eu risus.</li>
   <li>Vestibulum auctor dapibus neque.</li>
</ul>
</aside>
</article>
<aside>
<!-- Content related to the site. -->
<nav>
<ul>
   <li><a href="#">Home</a></li>
   <li><a href="#">About</a></li>
   <li><a href="#">Clients</a></li>
   <li><a href="#">Contact Us</a></li>
</ul>
</nav>
</aside>
</body>
...