Earlier this month, my girlfriend and I set out for yet another visit to a North Carolina state park. This time, we checked out Stone Mountain state park, near the town of Traphill. Stone Mountain is easily one of North Carolina’s most scenic parks, and offers fantastic hiking trails. Several waterfalls can also be enjoyed in the park, along with the site of an historic homestead from the mid-19th century. I’ve posted some photos from our trip, showcasing some of the sights from the park.
Archive for April 2013
By default, Firefox ships with the Use hardware acceleration when enabled option turned on. Unfortunately, Firefox has a number of font rendering bugs under the hardware acceleration umbrella (the following are a select few):
- Line spacing problem with D2D enabled(use hardware acceleration when available)
- Text using hardware acceleration looks inferior to and considerably different from text with acceleration disabled and on other browsers
- Increased line heights with DirectWrite (unlike in IE9)
As a result of these bugs, I’ve run with hardware acceleration disabled on my personal systems for quite some time. This, however, has resulted in an unforeseen consequence with my web development. The apps and pages I’ve developed look great in every browser, except stock Firefox! I only recently ran into this issue when I re-enabled hardware acceleration on my work laptop (in the process of creating a new profile). To my horror, several sites I had developed looked pretty terrible, my photo site being one among them.
I have since rolled out an updated stylesheet to my photo site, fixing the problems that showed up in stock Firefox. It should (hopefully) still look alright in all other browser variants (if you spot a bug, let me know). It’s worth knowing, however, that enabling hardware acceleration in Firefox is a worthwhile thing to do if you develop things for the web. The underlying bugs in the rendering engine may bring out underlying flaws in your design.
I have just pushed out the responsive version of this site’s theme, so you should see it immediately. Though the various tweaks may not be immediately apparent, the experience of this site on a mobile device or tablet (or a smaller screen in general) should be much better than before. Resize your browser window in the horizontal direction to see the style changes in real time!
There are still a few pain points to work through:
- I’m still a little unsure how to handle the syntax-highlighted code snippets in the various posts around the site. Snippets that don’t use syntax highlighting will word-wrap, but the syntax-highlighted blocks currently just offer a horizontal scroll bar.
- Various images in older posts need to have their hard-coded sizes removed from the
imgtags, so that they’ll scale appropriately. This is just a matter of going through and making those changes.
There could be other issues that I have yet to stumble across. From my limited testing, the site looks alright in Firefox, Chrome, and IE-9. I’m sure I’ll be tweaking stuff here and there over the next few days. If you spot problems, please let me know by leaving a comment.