Skip to main content

Making Google Calendar a responsive embed with Mobile support

Google Calendar is amazing, but the embed code is pretty old.  They haven't updated it in many years. Since everything is Mobile First today, I needed a way to display better on cell phones. The following code does the following: Define a Responsive Cal types so that it uses 100% of the frame Define a DeskContent and a PhoneContent sizes (with a width of 768 being the switch point)  Wrap all of it in the Responsive Call Div so it all resizes automatically Display the Month view of the calendar if it's a desktop resolution Display the Agenda view of the calendar if it's a mobile resolution I've formatted this so that it can be placed inline in your HTML file. The first Embed should be your calendar code set to the Month view. The second Embed should be your calendar code set to the Agenda view.

First Post!

In August 1999, I bought my own domain name,  This domain name. Over the years I've used a variety of blogging software.

Initially I did all the website design myself, hand crafting the HTML myself. I even had one of those *Designed by Notepad* buttons.
I still have one of the custom drop cap letters I made.
Yea, it's really hard to see, because it's White text.  My first website, like most all bad websites of the early 2000, was black theme.  I ran the website off my computer in my room.

I quickly tired of this, and moved onto a Blog software platform.  You used an actual program program, (I don't remember it's name) and you would type up your entry, then upload it to the website.  That tired quickly, as the software was at home, and most entries, then as now, revolved around work.

Then I discovered FreeGuppy.  It was online CMS platform, and it was nearly perfect, for almost five years.I even developed some plugin's for the product. At some point  I moved to's webhosting. Then on October 11. 2007,  my site had a massive SQL injection attack. Adding to that, the software was developed in French and translated to English, and in frustration, I dumped FreeGuppy, and moved onto Serendipity.

Serendipity was great. It was all the things that FreeGuppy wasn't.  Developed in English.
That leads me to today.  I got an email from Go-Daddy saying they're prices are going up.  That's all well and good, but they're prices weren't that great to start with.  I've only really stayed with them out of inertia. They're were cheaper hosting companies out there, but I never had an motivation to look for them. Having Go-Daddy raise it's prices provided that motivation.

But where to go?  I asked around, lot's of my friends use, and it looks pretty good. But honestly, all I have is a blog that gets updated once or twice a year.That and forward all the email to my Gmail account.  That's it.  Do I need a full webhosting account with SQL support?

We're going to find out.

This time around, I'm moving everything to, and praying this just works. The plan is:

  1. Setup a Blogger Blog. (I think that's a Check)
  2. Put some content on it (Which means move all the old entries to Blogger)
  3. Transfer my domain name (or maybe all names) to  They have email forwarding as part of the domain registration
  4. Pray it all works.
The downside of this, I'm not sure if I can pre-date my entries to make them show up before this entry.

Update 3/22/2013
Yes, Using "Custom Redirects feature in Settings - "Search preferences"" I can issue 301 MOVE redirects.  Essentially I won't lose any content, page rankings, or links.

Update 6/11/2013
I never ended up transferring my domain name to GoDaddy has free email forwarding as part of the domain registration as well.  As you will notice, I also was able to pre-date my previous entries.
In all, I'm happy with how things worked out, and now I'm not spending $60 a year on hosting I didn't really need.


Most Popular Posts