Skip to content


Bookmarklet: Print Background Colors

I like that idea. Here is a quick and dirty Bookmarklet that applies it to every element on a page (Webkit only):
Print Background Colors

javascript:(function() {
    var c = '*{-webkit-print-color-adjust:exact;}',
        s = document.createElement('style');
    s.type = 'text\/css';
    if (s.styleSheet) {
        s.styleSheet.cssText = c;
    } else {
        s.appendChild(document.createTextNode(c));
    }
    document.getElementsByTagName('head')[0].appendChild(s);
})();

And the minified version:

javascript:(function(){var c='*{-webkit-print-color-adjust:exact;}',s=document.createElement('style');s.type='text\/css';if(s.styleSheet){s.styleSheet.cssText=c;}else{s.appendChild(document.createTextNode(c));}document.getElementsByTagName('head')[0].appendChild(s);})();

Posted in Web Development.


Chrome Extensions: Facebook Most Recent

I’ve written a couple of Chrome Extensions. Most recently I created the Facebook Most Recent extension, with the source code available at https://github.com/Fotiman/facebookmostrecent. I’ve also created the WebmasterWorld Favorite Forums extension, with source code available at https://github.com/Fotiman/WMW.
If you use Chrome and Facebook, and you prefer to see your news feed sorted by “Most Recent” (aka, chronologically) rather than by “Top Stories” (what Facebook thinks you’ll want to see), then this is the extension for you.

Posted in General, Web Development.


Readable CSS

Update 2013-02-15: Modern tools likeĀ Sass make this post obsolete. :)


#pageWrapper {
margin: 0 auto;
width: 960px;
}

/* #pageWrapper */ #header {
background: #eee;
}

/* #pageWrapper #header */ #adBox {
float: right;
height: 60px;
width: 234px;
}

In the code example above, because the key selector (the rightmost selector) is an ID selector, using descendant selectors would be inefficient. At the same time, it’s useful to see this descendant information when developing the CSS to help me keep track of what the page layout resembles. By simply commenting out the descendant selectors portion on the same line as my key selector, I can still see this hierarchy while developing. I’ll then use a tool like the YUI Compressor to minify the CSS before publishing to strip out the comments.

Posted in Web Development.

Tagged with .


Fotiweb.com Has Moved to a New Host

As of today, I am officially moved away from HostMySite.com (aka, hosting.com). We had an unfortunate parting of ways which I blame on poor customer service. It’s really a shame after being a long time fan, but as I posted back in May, I noticed a definite change in the quality of their service which only seems to have gotten worse since then.
I am happy to say that so far I’ve had great experiences with JaguarPC.com. Great pricing, and excellent support so far.

Posted in General.