Updates on the ClubIt! Platform


Cross-posted on The E Club World Blog.

Today, I am very happy to announce the release of quite a few new updates on the ClubIt! Platform. But before I get to that, here's what the ClubIt! Platform is all about and how it started.


When The E Club Social was first started, it needed a sharing button like all of the major social networks have. So, the ClubIt! Button ("ClubIt!", short for "Share this on The E Club", was going to be another name for The E Club Share) was born. It allowed members of The E Club Social to share websites or pages on The E Club Social's News Bank. Soon, we realized this technology was very basic and had to be upgraded. The E Club then partnered with the social sharing service AddThis, which began the ClubIt! Platform and the idea that the ClubIt! Button could replace all sharing buttons, such as Facebook's Like button, because the ClubIt! Button allowed anyone to share content on just about any social network. AddThis worked well for a while, until the platform became so important that we needed to customize the sharing menu (we designed and still design the buttons), which wasn't possible with AddThis. So, we found a new partner: AddToAny, an innovative social bookmarking platform.

The E Club quickly adopted AddToAny as the new base of the "ClubIt! OS", which powers the buttons and their innovative sharing menus. Instead of AddThis, which provided limited ways to brand its technology, AddToAny provided many ways to customize the sharing menu (and, of course, the button itself), and it even encouraged the customization of the sharing menu with CSS. Plus, we were even able to add options to share to The E Club Social and The E Club+ to the button. But there was one problem - the CSS and JavaScript we added to improve the button's design and functionality was just added on to the code of each individual button, so it was very hard to synchronize all of them when we released a new update.

Finally, we found a solution to this problem, and in September 2012, we released the new ClubIt! Button, where the CSS and JavaScript codes we added to the button were put in two files hosted by The E Club. The sharing menu also had The E Club's minimalist designs running alongside its latest technologies.

Since then, the ClubIt! Button code could be found on The E Club+ since it's our latest social network, and ClubIt! is a social sharing button. But today, we have an update that changes that.

What's new

Since writing the "Exploring JavaScript" article on WebAspire, The E Club's web design & technology blog, I learned a little more about JavaScript. Not much, but enough to write basic web applications. Yesterday, we took that one step further when we began writing the ClubIt! Button Designer - a dynamic HTML (DHTML) document we wrote in Notepad, the basic Windows text editor. Originally, we planned to have the Designer be on The E Club+'s ClubIt! Buttons page via iframe, but when it glitched, we decided to have it be its own standalone page. Now, you can get the code for a web-based ClubIt! Button, copied to your device's clipboard, in two clicks. We will be integrating ClubIt! for Blogger and WordPress.com in the future.

With this innovation comes another: The ClubIt! Button's sharing menu has been slightly redesigned. Each button is now equipped with the latest technologies, as well as awesome new designs. For example, there are two tabs at the top of each sharing menu: Share and Email. The Share tab lets you pick a service to share a website with, and the Email tab lets you select your e-mail client so you can e-mail the link of a site to someone else. Before, even if you were on the Share tab, the Email tab was wider. That doesn't make sense! Now, the menu detects which tab you're in and makes the button for that tab bigger - CSS3 transitions included. The menu also has an awesome new icon for the Email tab; before, it was an envelope, now it's an "@" sign with a completely transparent background.

And one more thing - two awesome new button designs are now available for websites at the Designer - Square Button Reloaded and Metal Square Button. Square Button Reloaded is inspired by The E Club Family's minimalist designs (a thin green plus sign and a thin gray border), and the ClubIt! text is in Open Sans. Metal Square Button is inspired by app designs such as that of iCloud. It has an intriguing metal background with dark gray text. The new buttons are now available for use on websites at the ClubIt! Button Designer.

We hope you enjoy these updates to the ClubIt! Platform.