chipwreck ~ The guide is definitive. Reality is frequently inaccurate.

 
 
 
 
 
 
 
 

Archive for Category ‘Web Development’

26 entries found:

Everyone developing websites knows how bad the Internet Explorer 6 is, even version 7 is crap. A little bit of hope comes from this norwegian campaign:

http://ie6.forteller.net/
(This is similar: http://iedeathmarch.org/,
in German: http://www.golem.de/… )

… Continue reading »

Ugly-browsers.com

Posted 2 years ago in Web Development

Maybe Windows 7 with IE 8 will be able to render so-called “fonts”, which are used to display something we call “text”. In the between time you can use Safari.

Click on the image to see what I mean.

Safari vs. IE

But not many people use those “fonts” anyway.

Google website search

Posted 2 years ago in Web Development
Just included the Google website search – a bit annoying are the limited possibilities of customization, but otherwise quite google: Easy to setup, simply works. So hopefully they offer soon more options to customize the look, but even now I got it quite seamlessly included in my strange “layout”. Except that I’ve no idea how it might look in Internet Explorer. Maybe one day I’ll try that out, who knows..

WordPress Theme updated

Posted 3 years ago in Web Development

The used wordpress theme was updated. You may download a zip-file with the theme files here ».

It’s enabled for widgets, the navigation can be customized and it has an own options page for setting links and some options. You can also customize the keywords and author.

The CSS is quite Safari and Firefox specific, no idea how it looks in Internet Explorer. Probably ugly like everything else.

Use with wordpress 2.7 or higher, no guarantees of course.

Google maps customization

Posted 4 years ago in Web Development

An example of a customized Google maps control can be found on the contact page.

The zoom buttons are realized with an extension of the GControl class, details can be found at www.google.com.

The “click-here” button with the GIF background is created using an extension of the GMarker class, details on googlemapsbook.com.

CSS selector according to language

Posted 4 years ago in Web Development

To handle multiple languages on one page, it’s best practice to use the lang(xml:lang)-tag. These can be selected via CSS.

(Doesn’t work in IE 6, of course.)

<span lang="en" xml:lang="en">this is english..</span>
<span lang="en" xml:lang="de">hier ist deutsche Texte..…</span>
 p[lang="de"] { color: green; /* whatever */}
 p[lang="en"] { color: red; /* whatever */}

Safari and friend IE

Posted 4 years ago in Web Development

The same page viewed with Safari (Mac), IE 7 and IE 6 – for IE 6 the css hacks used have been disabled to see everything in its full glory. Notice the interesting placement of the right box.

Click on an image and use the arrow keys to flip through:

Link symbols on hover

Posted 4 years ago in Web Development

Very easy to realize via CSS, use the Unicode value for the symbol.
(Doesn’t work in IE, of course.)

… Continue reading »