What the heck happened to me last night?
Who is this guy?
How does he know my name??
What does he want from me??
Archive for the ‘Web Interface’ Category
Walt’s Warning!
Thursday, April 29th, 2010What is the deal with my fonts?
Monday, April 26th, 2010Okay so when I first implemented these custom fonts on my site I thought they looked good, now They seem to look like crap. I don’t know if it is the monitor I am looking at but I seem to be left with pixelated crap that looks like these:
Now to compare how monitors render this font image here is the true type:
This crap!
and
This crap!
What is going on here? I suspect that it might have something to do with monitor resolution, but I’m not sure. Let me know is you have a Mac if this font looks okay or not? My theory is that is has something to do with Microsoft’s ClearType. I’ll look into this further but really if these font’s look as bad as they do on this monitor I’ll have to replace them with something that works better. I see why designers use JPGs for headings and other decorative fonts.
** UPDATE **
So apparently it is monitors are displaying these fonts differently. I have tried numerous scenarios (different windows editions, different browsers and browser editions… ) and it seems that it is the monitor is making my font’s look cheep. So if the first and second set of fonts look identical you have purchased a cheap monitor. However if the second set of fonts look considerably better, congratulations on a good monitor purchase.
On a side note, over the summer I will be changing the look and feel of this site and I probably won’t be using custom fonts like I did here. Also I’ll try to implement some flash to make my site flashy-er.
No Comments »Suggestions please
Thursday, February 4th, 2010I’m playing with the layout of this site, and was hoping for some suggestions.
So far I have widened the whole site. I have wide screen monitors everywhere I use the internet, so I need to know if this fits your normal browser window, it fits mine no problem. I also enlarged the font which should help readability.
I was thinking of also:
- added a horizontal menu
- changing the header up (possibly adding graphics)
- changing the sidebar (don’t know what though)
- dropping the ‘blog.’ an integrating the blog with mardena.com a little more seamlessly. This way you’d only have to type http:///mardena.com instead of blog.mardena.com or does that really matter?
possible look for new blog (most likely better)
Let me know what your thoughts are or any other suggestions you may have. You can also email your suggestion to me at .
UPDATE:
OMG! I forgot to add pictures to the last two posts! I’ll add them right away!!!
CSS3
Friday, January 22nd, 2010Okay so I’m playing with some of these new features that css3 has to offer. Unfortunately most of them aren’t supported by Internet Explorer and definitely none of them are supported by Explorer 6 (which we happen to use at my work). So for you Firefox and Safari users this should work out fine.
So far I have implemented the border-radius feature and am going to try the @face-font, so you should start to see some changes occurring soon. (but not if you use IE)
The border radius is still in development if you want to use them they are browser specific at the moment:
* -moz-border-radius-topleft / -webkit-border-top-left-radius
* -moz-border-radius-topright / -webkit-border-top-right-radius
* -moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
* -moz-border-radius-bottomright / -webkit-border-bottom-right-radius
For the custom fonts (which actually worked in IE6) use:
@font-face {
font-family: ’3dumb’;
src: url(‘font/3Dumb.eot’);
src: local(’3Dumb’), local(’3dumb’), url(‘font/3Dumb.ttf’) format(‘truetype’);
}
font-family: ’3dumb’;
src: url(‘font/3Dumb.eot’);
src: local(’3Dumb’), local(’3dumb’), url(‘font/3Dumb.ttf’) format(‘truetype’);
}
Where the url(‘font/3Dumb.ttf’) is the directory on your server where the font is uploaded. You can find free fonts at Font Squirrel
I’ll be sure to add more as I implement them.
No Comments »