This is a quick video I made on bypassing those annoying Facebook “Like/become a fan of this to see the picture” pages.
This video makes use of Google Chrome’s Developer Tools which allows you to edit CSS/HTML in real-time on a web page.
Update: If you use Greasemonkey the Facebook Like Bypass script will do the above for you.
Building a website is not difficulty, but making it look perfect in very browser is almost impossible. Here are a few essential tools to make cross browser testing a little easier.
IETester – Internet Explorer is a pain to build a website on, mainly because standalone versions are difficult to run on Windows Vista and Mac. This little tool makes testing your website on multiple versions of Internet Explorer a breeze.
IETester allows you to compare you website in Internet Explorer Versions 5 to 8. Its interface is easy to understand and while there is still work needed to be done on it, I would be surprised not to see it on every web developer/designer’s desktop.
iPhoney – Lots of users are now browsing the internet on their iPhone. It makes sense for webmasters to make sure their website works correctly on the small screen.
BrowserShots – BrowserShots is quite famous for allowing designers to see their websites is lots of browser (in the region of 93) on major OS’s. The main disadvantage though is that you have to wait over an hour to see the screen shots.
IE NetRender – Similar to BrowerShots, in terms of a web based screen grab service. But this website does not require a wait of up to an hour to see a screen shot. However, it does only support Internet Explorer.
CSS sheets revolutionized the way websites are managed and created; they essentially made managing the design a piece of cake.
However, many webmasters (and blog lords) forget to add a print sheet (many of the themes for wordpress lack even a simple CSS print sheet). Here is a quick video tutorial on creating a simple print CSS really quickly.
This is a simple pie chart
Google offers Webmasters an easy solution to create simple or and quite complex graphs in the Google Chart API section of the Developers Guide. It is quite simple to use, if you want to create an image such as above, just link to the following image:
]http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250x100&chl=Pie|Not%20Pie
Most coders and designers will tell you Internet Explorer (Especially IE6 below) is a pain to work with, but I tend to disagree. What most people forget is that even though IE is full of bugs and oddities everything can be fixed, with just a few lines of code.
Conditional Comments let you execute sections of code in just IE, so you can import custom CSS sheets (to deal with IE’s weird rendering engine) or special JavaScript; here is how to use conditional comments:
<!--[if IE]> This will only show for Internet Explorer (IE) <![endif]--> <!--[if !IE]> This will only show if the client is not using IE. <!--[endif]> <![if IE 6]--> Only shows on IE6 <!--[endif]> <![if lte IE 6]--> Any IE browser less than or equal to version 6. <!--[endif]> <![if gte IE 7]--> Any IE browser higher or equal to IE 7 <!--[endif]>
Just place snippets of the above code anywhere in your code. If you want more information conditional commenting take a look at the Conditional Comment Wikipedia page.
