bippi.net

Changes to the page

bippi — Sun, 28 Dec 2008 16:15:59 +0000

Now I have done small changes to the site. When I set up this page I programmed everything regarding language myself. But now i have updated my Wordpress to version 2.7 and I have installed a plugin called qtranslate

This program enables me to use as many language as i like. I have decided to use english and icelandic and drop the danish language because i dont think i will ever write a good danish.

So when i now write a post or a page i can switch between language in an easy way. It all happens in the same window. And if i want to use qtranslate in my template i can use so called language tags like this

text in english text in icelandic

I hope I will be able to write posts about multimedia things and hopefully I will do it both in english and in icelandic.

elvisdesign.dk

bippi — Tue, 09 Sep 2008 08:04:51 +0000

Client: elvisdesign.dk (jewellery)
Service: Visual design, Wordpress integration, lightbox, business card
Status: Delivered - http://www.elvisdesign.dk

Google - Chrome

bippi — Fri, 05 Sep 2008 08:01:15 +0000

Yesterday I tried out a new browser. This one is called Chrome and is one of Google´s new things.
I have to admit that I really like this browser, it´s fast and simple and from one day of use I can´t see any issues regarding css which would be a bugger for me as a developer. As far as I know this browser is driven by the same engine as Mozilla Firefox which I also like alot.
One nice feature that Chrome has is that when you open a new tab then you get a thumbnails with all the resent pages that you have visited. The same thing happens when you open the browser.

Chrome when you open new tab

In Chrome you can get a detailed information about the xhtml and css code in a seperate window which is very nice when you are developing. But this is no Firebug because you can´t manipulate any values like you can in Firebug. To open this window you just right-click anywhere in the browser and chose “inspect element”.

Chrome - code view

I urge you to try this nice browser. You can download it here

CSS - absolute positioning

bippi — Sun, 31 Aug 2008 19:51:38 +0000

For a long time I avoided using positioning in CSS. I think the main reason was that I didn´t really understand it. Absolute positioning was the worst. In stead I used floating alot and it worked most of the time even though it sometimes gave me a lot of headaches.
But as times went by I started to use positioning more and more and I discovered that it is the perfect tool to “positioning” elements on a web-page.
There is one very important rule that one has to remember when using absolute positioning. The parent element has to be positioned relative or absolute. Let me explain with the words of Andy Clarke.

An absolutely positioned element is positioned first to its closest POSITIONED ancestor. If there is no positioned anchestor, the element is positioned to the root element .
Andy Clarke - transcending CSS

To give you an example of how to use absolute positioning i want to show you how i positioned the elements in the footer of this pages.
The xhtml code looks like this


    
     
     
     
    
     
    Copyright © 2008 bippi

There is nothing complicated here. We have one

and inside that

there is a one un-orded list and two spans.

The CSS code looks like this

#footer
{ 
 position:relative;
 width:951px;
 height:48px;
}
#footer ul li
{
 display:inline;
}
#icons
{
 position:absolute;
 left:20px;
 top:10px;
}

#icon-text
{
 position:absolute;
 left:172px;
 top:20px; 
}
#copyright
{
 position:absolute;
 top:20px;
 right:20px; 
}

The main thing here is that the footer div is given a relative position and then we are able to use “top”, “right” and “left” to correctly position the three elements.

Flash Map

bippi — Thu, 28 Aug 2008 10:50:59 +0000

I was going through my stuff and I found a Flash-Map that i did for my second semester exam project in ATS. I was in a group with Dagný and Katrine and we did a re branding job for Clip-Rens which is a dry cleaning company here in Denmark. We wrote a very fine report and made a nice prototype web page also. The manager for Clip Rens at that time was very helpful and enthusiastic about our project.

After we finished our exam we had a meeting with the manager and he wanted us to finish the web site so the company could use it. We told him that we were ready to do it for very small amount of money because we had to spend our summer holiday on it. He said he would think about it but to make a long story short then it ended up that we got a letter from the Clip-Rens lawyer saying that we should hand in everything that we had done regarding the website. They threaten us to go to court and what can a poor student do when a big company threatens to drag you to court. We gracefully handed in our website with a letter which reminded the company that there were a certain copyright laws in the country. They never did use the stuff that we made.
Well that was the story about Clip-Rens.
I was very proud of the Flash that I made for this project and i´m going to show it to you here on the website. Who knows maybe i´ll get another law-suit.

Nees-Schelde

bippi — Sat, 23 Aug 2008 15:30:18 +0000

Client: Nees-Schelde - freelance for 72ppi
Service: Wordpress integration - Theme (XHTML and CSS)
Status: Delivered - http://nees-schelde.dk

hopskud

bippi — Sat, 23 Aug 2008 15:19:08 +0000

Client: DHF (Dansk Håndboldl Forbund) - freelance for 72ppi
Service: Making cascading stylesheet (CSS) based on Illustrator files
Status: Delivered www.hopskud.dk

New web page

bippi — Wed, 20 Aug 2008 09:50:00 +0000

Finally I´ve manage to design and program a new web page for my self. The purpouse of this site is to introduce me as a multimedia designer and present the skills that I have in that field.
The site is in three languages, English, Icelandic and Danish but blog and portfolio will only be in English.
In the portfolio part I will present the projects that i´ve done so far and even projects that i´m working on. In the blog section i will write down my thoughts and ideas about what I´m dealing with in the heat of the day. It can be about Flex, Flash, XHTML, CSS or what ever related to multimedia.

Fyrir ykkur íslendingana sem hafið komið á þessa síðu til að fylgjast með okkur fjölskyldunni þá vil ég láta ykkur vita að ég mun fljótlega setja upp fjölskyldusíðu þar sem þið getið áfram fylgst með okkar skemmtilega lífi hér í Danmörku. Ég mun láta vita þegar þar að kemur

Flex Image Gallery

bippi — Tue, 19 Aug 2008 16:26:56 +0000

This is my final project in multimedia design and communication.
This is a administration system for online image gallery. The system is build with Adobe Flex, PHP and MySql.
For this project i got 12 which is the highest grade given in Denmark.

I hope I will be able to put a demo online soon.

Superstar

bippi — Tue, 19 Aug 2008 15:46:07 +0000

Client: NFFA
Service: Video Intro for a scene in school play. Made in Adobe After Effects
Status: Delivered.