{"id":366,"date":"2004-10-28T23:05:32","date_gmt":"2004-10-28T23:05:32","guid":{"rendered":""},"modified":"2020-06-01T22:12:23","modified_gmt":"2020-06-01T21:12:23","slug":"28102004","status":"publish","type":"post","link":"https:\/\/www.owlfish.com\/weblog\/2004\/10\/28102004\/","title":{"rendered":"New website design"},"content":{"rendered":"<p><a href=\"https:\/\/www.owlfish.com\/weblog\/2004\/10\/leaves-on-bench.jpg\"><img class=\"alignright size-full wp-image-12\" title=\"Click for larger view.\" src=\"https:\/\/www.owlfish.com\/weblog\/2004\/10\/leaves-on-bench-small.jpg\" alt=\"Leaves accumulating on a green bench.\"><\/a>I&#8217;ve uploaded the new &#8220;Autumn&#8221; design for my website. If you&#8217;ve any opinion on this new design please let me know, I&#8217;ve been staring at it too long to know whether I still like it. I had envisaged something more complex, but as I got into the design I kept coming across good reasons not to add more elements. This design follows the trend of earlier designs by putting a great deal of value on white-space. Most commercially designed websites have a narrow column of content among lots of design elements &#8211; something I may try next time.<\/p>\n<p>I encountered numerous difficulties implementing this design in such a way that it works in all of the major web browsers (IE, Firefox, Opera and Safari). Issues ranged from known IE CSS bugs (particularly the <a title=\"Description of the IE double margin bug and work around.\" href=\"http:\/\/www.positioniseverything.net\/explorer\/doubled-margin.html\">double margin<\/a> bug) through to weird box stacking in Safari.<\/p>\n<p>My new design is fairly simple and yet it took three different approaches before I managed to get something that worked across the four browsers that I&#8217;m testing. If I had used absolute positioning on everything it would have been fairly easy, but it would have scaled badly for anyone using a large font size. I&#8217;ve had to use some CSS hacks (see <a href=\"http:\/\/www.positioniseverything.net\/articles\/box-model.html\">&#8220;The Box Model Problem&#8221;<\/a>) to make the site legible, although not correct, in IE 5.0\/5.5.<\/p>\n<p>Only around 3% of visitors to owlfish.com use IE 5.0 and hopefully by the time I create my next design there will be almost no-one using this browser.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve uploaded the new &#8220;Autumn&#8221; design for my website. If you&#8217;ve any opinion on this new design please let me know, I&#8217;ve been staring at it too long to know whether I still like it. I had envisaged something more complex, but as I got into the design I kept coming across good reasons not [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.owlfish.com\/weblog\/wp-json\/wp\/v2\/posts\/366"}],"collection":[{"href":"https:\/\/www.owlfish.com\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.owlfish.com\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.owlfish.com\/weblog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.owlfish.com\/weblog\/wp-json\/wp\/v2\/comments?post=366"}],"version-history":[{"count":1,"href":"https:\/\/www.owlfish.com\/weblog\/wp-json\/wp\/v2\/posts\/366\/revisions"}],"predecessor-version":[{"id":783,"href":"https:\/\/www.owlfish.com\/weblog\/wp-json\/wp\/v2\/posts\/366\/revisions\/783"}],"wp:attachment":[{"href":"https:\/\/www.owlfish.com\/weblog\/wp-json\/wp\/v2\/media?parent=366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.owlfish.com\/weblog\/wp-json\/wp\/v2\/categories?post=366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.owlfish.com\/weblog\/wp-json\/wp\/v2\/tags?post=366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}