Tag Archives: Browser

Hiding Images In Chrome With ChromeImgHider

I wrote a quick little Chrome extension a few weeks ago and it’s been working pretty well for me so far. My cousin Jasper convinced me to publish it on GitHub, so I did. You can find it here: https://github.com/alexmason81/ChromeImgHider

I haven’t published it to Google Play yet, mostly because it’s so basic and I know people are pretty fickle and I’m not really interested in fielding a bunch of complaints. Perhaps I’ll get around to that at some point though if there is enough interest from people I know.

If you’re interested in creating your own Chrome Extension, check out these articles/posts/what-have-you here:

https://robots.thoughtbot.com/how-to-make-a-chrome-extension

https://developer.chrome.com/extensions/getstarted

Have a great day!

Website Template Fixed – Now looks good in all browsers!

Firefox Internet Explorer Chrome and Safari
Firefox, Internet Explorer, Chrome, and Safari

Remember when I said there was a problem with my template layout that caused it to display funny in every browser except Firefox? Well I finally got around to fixing it and thought I’d share the solution with you all. I figured it might be helpful to someone.

Why The Difference?

The different browsers display things slightly different sometimes because they use different “kits” (or rather — rendering engines)
to parse the HTML/CSS/JavaScript and convert all that code into the page you see (I’m trying to keep this in layman’s terms as much as possible).

Who Uses What?

Firefox uses Gecko
Chrome and Safari use Webkit
Internet Explorer uses Trident
Opera uses Presto

What To Do?

For code you only want used by Webkit (Safari & Chrome):
follow the guide here — http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

For code you only want used by Trident (Internet Explorer):
follow the guide here — http://www.evotech.net/blog/2008/09/css-hack-for-google-chrome-and-safari-31/

Response to Reader Question: How to Archive Facebook Chats

Pidgin and Facebook Chat
Howto: Add Your Facebook Friends to Pidgin (via The Linuxologist)

One of my readers (and friends) asked:

“Is there a way to retrieve your facebook chats somewhere on your computer?”

While I personally do not use the Facebook chat (or any chat, seriously. I just don’t have time), I don’t get questions from my readers very often so I thought I’d look into it.

Here is what I’ve found…

The Basics

Facebook chat — as it is when you are logged in to Facebook.com — is nothing more than an HTML/AJAX “chat”… I’m trying to keep this in as plain of terms as possible for the sake of time and to save you the headache of technical details (I assume if you could understand the technical stuff, you probably already know how it works ).

So basically the chat functions as part of the Facebook website and is maintained between your browser and the Facebook server. This means there is no external “Chat” or “IM” client to manage it.

What You Can’t Do

Facebook does not currently provide an Archiving feature for its website-contained chat. This means if you want to archive your chats you are basically out of luck. All you could really do at this point is manually copy/paste your chats into a text file for archiving — this is the manual way, very nasty!

What You Can Do

Facebook does provide access to the “Facebook Chat” outside of their actual website. However, they do not offer an official “Facebook Chat” Client/IM. The good news is there are free chat/IM clients out there for all operating systems and you can use Facebook Chat (through one of these clients) to chat with your Facebook friends outside of the actual Facebook website (and without a browser at that).

Assuming you choose a chat/IM client that allows archiving, you should be able to chat with your Facebook friends and automatically archive the chats through the client.

So HOW Do You Do It?

First, check out this page and look at the supported chat clients. Pidgin is cross-platform (you can use it on Windows/Mac/Linux) and is the one I would choose, but you do as you like. Pidgin allows archiving and also has plugins that allow you more control over the settings (for advanced users).

Once you have Pidgin (or whatever chat/IM client you chose), you need to setup the client to work with Facebook Chat. Each client is a little different, but here is a quick guide to setting it up with Pidgin.

Next you will need to turn on the archiving/logging features and adjust the settings. It’s not as bad as it sounds. Here’s a quick guide for doing that in Pidgin also.

Conclusion

While you can’t easily archive Facebook Chat from within the browser/website, you can use an external client for that purpose. It is fairly painless and if archiving your chats is important to you, this is your best option for now.

If you have any questions please feel free to leave a comment below and I will try to help out as best I can.

Links (same as above, just verbose)

http://blog.facebook.com/blog.php?post=297991732130

http://www.facebook.com/sitetour/chat.php

http://www.pidgin.im/

http://www.bukisa.com/articles/331046_facebook-chat-a-complete-tutorial

http://www.ehow.com/how_5858426_archive-pidgin-instant-messenger.html

Alex’s Antidote now iPhone Friendly

Alex's Antidote iPhone icon
Alex's Antidote iPhone icon

That’s right folks, my website is now iPhone friendly. (Note: from what I understand it should also work in certain other fancy phones too)

Here’s how it goes:

Step 1 – Open Safari -> Navigate to: alexsantidote.com

find Alex's Antidote in iPhone's Safari Browser
find Alex's Antidote in iPhone's Safari Browser

Step 2 – Check out my fancy mobile theme

New Mobile Theme
New Mobile Theme
Page Menu
Page Menu

Step 3 – Bookmark for future reference

Bookmark Options
Bookmark Options

If you’re really awesome you’ll bookmark it to your Home Screen 😉

Bookmark to iPhone's Home Screen
Bookmark to iPhone's Home Screen

And you’ll see a nice shiny icon that will take you straight to this website when you touch it!

Shiny Bookmark Icon!
Shiny Bookmark Icon!

How’d I do it?

  • Install the WordPress plugin called: WPtouch Mobile Plugin + Theme for WordPress
  • Make a custom icon in GIMP (sudo apt-get install gimp)
    • The icon should be saved in .png format.
    • You will need 2 different sizes: 57 x 57 and 32 x 32
      • Name the 32 x 32 icon something that reflects the name of your blog (I used: Alex`s Antidote)
      • Name the 57 x 57 icon “apple-touch-icon.png” without the quotes.
  • In WordPress Settings you will find a menu called: WPtouch, upload the 32 x 32 icon there (look around, you’ll figure it out), then make necessary adjustments below (lots of settings to play with).
    • Be sure to save!
  • FTP/SSH into your root (and/or wordpress) directory for your blog and copy over the 57 x 57 icon you named “apple-touch-icon.png”
  • Done!

Let me know what you think in the comments (if you have time).