Monday, April 14, 2008
Cross Browser Custom Scrollbars
If you want to replace the ugly default OS scrollbars fixed width and/or height boxes in your CSS layout with custom scrollbars, fleXcroll is definitely the way to go. I also tried jScrollPane, but found fleXcroll simpler to implement. Also, Safari 3.1 did some very strange things with jScrollPane - the scrollbar placement was off, and the overflow: auto; property seemed to be ignored. (This was one of the most compelling reasons for me to go with fleXcroll - the website project I am using this for has a fairly high percentage of Mac users.)
CSS • Javascript • Web Design • Comments (0) • Trackbacks (0) • Permalink
Thursday, March 13, 2008
25 Rounded Corner Techniques
CSS Juice has a page devoted to the many tutorials and methods for creating those ever-popular rounded corners. They range from pure CSS/HTML to script-only methods. Lots of different options out there no matter what look you are going for with your design.
Sunday, September 09, 2007
Web 2.0 Layout Generator
From the website:
This page has nearly everything: Rounded corners, gradients, XHTML and CSS, a color scheme to make your eyes vomit, a trendy 'badge', Google Ads, whitespace galore and a big-ass dorky font. Pop in some AJAX and watch squillions of dollars roll in.
Saturday, September 08, 2007
Windows Mobile 2003 Internet Explorer and Style Sheets
I decided to start playing with my Dell Axim X3i that I bought a few years ago. It has WiFi built in, along with Bluetooth. I noticed that while some websites were fine, others were a complete mess, including my BunnyOne Design website. It looked like it was rendering a mix of the screen and handheld versions of my style sheets. I was so shocked at how awful it looked. I had viewed the website in Dreamweaver's mobile browser preview, and it looked fine there...
So, I decided to do a little investigation. It turns out that for some reason, Pocket Internet Explorer is designed to read screen style sheets, and not handheld style sheets. (At least the version included on my Axim.)
I saw on a forum that someone suggested capitalizing Screen as a way of tricking this version of IE into ignoring screen style sheets. When I tried it, it worked.
The Code
Change the link to your style sheet from this:
<link href="../CSS/screen.css" rel="stylesheet" type="text/css" media="screen" />
to
<link href="../CSS/screen.css" rel="stylesheet" type="text/css" media="Screen" />
This will make Pocket IE skip over your default screen style sheet, but at the same time allow desktop and laptop computers to access it normally.
Thursday, September 06, 2007
MS Outlook Sucks at HTML Email
Take a look at this article to see how MS Outlook 2000 and MS Outlook 2007 render the same HTML email.
Here's one possible solution for MS Outlook email users.
