Glog » Web Design http://blog.greydient.com The Greydient Weblog Sun, 22 Jan 2012 12:43:24 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Adobe testlab http://blog.greydient.com/2011/02/03/adobe-testlab/ http://blog.greydient.com/2011/02/03/adobe-testlab/#comments Thu, 03 Feb 2011 11:20:53 +0000 mortenn http://blog.greydient.com/?p=667

If you want to test your code on multiple platforms, without investing in the hardware, this is for you (and me). Adobe has launched a service that reads your site and renders as required. I.e. Safari 5 on OS X, or IE6 on Windows.

Visit Adobe browser lab here

]]> http://blog.greydient.com/2011/02/03/adobe-testlab/feed/ 0 Greydient Redesign http://blog.greydient.com/2009/02/23/greydient-redesign/ http://blog.greydient.com/2009/02/23/greydient-redesign/#comments Mon, 23 Feb 2009 15:54:33 +0000 mortenn http://blog.greydient.com/?p=187 That’s right – I’m in the process of redesigning my personal portfolio at Greydient.com.

It will be a flash version with some neat graphics, animation, layers, etc. – all the elements I feel a personal web space should look like.

I’ve included a sneak peak, but mind you – it might turn out a little different.

]]> http://blog.greydient.com/2009/02/23/greydient-redesign/feed/ 0 Semi transparent surfaces at ZenzTherapy http://blog.greydient.com/2007/02/26/transparent-surfaces-at-newly-launched-zenztherapy/ http://blog.greydient.com/2007/02/26/transparent-surfaces-at-newly-launched-zenztherapy/#comments Mon, 26 Feb 2007 19:33:24 +0000 mortenn http://blog.greydient.com/index.php/2007/02/26/transparent-surfaces-at-newly-launched-zenztherapy/ The Zenztherapy webiste has just launched. The design was done by Greydient, and the Umbraco implementation was done by Ronnie at Ebita.The graphics contain surfaces done in alpha transparent .png, accessible in the most popular browsers.

The flower on the background is a alpha transparent .png on top of a .jpg, and the text background is done in 80 percent white layer.

Visit ZenzTherapy (in danish) here.

ZenzTherapy

]]> http://blog.greydient.com/2007/02/26/transparent-surfaces-at-newly-launched-zenztherapy/feed/ 0 Flash and sIFR transparency on OSX http://blog.greydient.com/2007/01/15/sifr-transparency-on-osx/ http://blog.greydient.com/2007/01/15/sifr-transparency-on-osx/#comments Mon, 15 Jan 2007 10:39:48 +0000 mortenn http://blog.greydient.com/index.php/2007/01/15/sifr-transparency-on-osx/ If you’re having trouble getting Safari and Firefox on OSX to display transparency, it’s not your fault.

Read this.

]]> http://blog.greydient.com/2007/01/15/sifr-transparency-on-osx/feed/ 0 IE on Firefox http://blog.greydient.com/2007/01/13/ie-on-firefox/ http://blog.greydient.com/2007/01/13/ie-on-firefox/#comments Sat, 13 Jan 2007 14:57:06 +0000 mortenn http://blog.greydient.com/index.php/2007/01/13/ie-on-firefox/ If you’re using Firefox on Windows, there’s a genious add-on. It allows you to view your (x)html and css in IE rendering on Firefox. With the tab options in Firefox this allows you to compare the two rendering methods fast and easy.

Get the Firefox add-on here.

]]> http://blog.greydient.com/2007/01/13/ie-on-firefox/feed/ 0 Css IE 6+7 and Firefox hacks http://blog.greydient.com/2006/12/07/css-ie-67-and-firefox-hacks/ http://blog.greydient.com/2006/12/07/css-ie-67-and-firefox-hacks/#comments Thu, 07 Dec 2006 08:26:17 +0000 mortenn http://blog.greydient.com/index.php/2006/12/07/css-ie-67-and-firefox-hacks/ I read some posts, and found the best way to make a compatible css-file for both IE 6+7 and Firefox.Safari and Firefox on OSX reacts (almost) similar to Firefox on Windows.

It’s quite simple, and I’ve corrected IE 6 optimized sites in a matter of minutes.

This is the trick:

margin: 10px;
.margin: 10px; /* read by both IE 6 and 7 */
_margin: 10px; /* read by IE 6 only */

That’s basically it.

NOTE: Not W3C compliant stylesheet, but it will look great :)

]]> http://blog.greydient.com/2006/12/07/css-ie-67-and-firefox-hacks/feed/ 1