Need to see who's been on your website in the last day? Week? Month? Want to monitor your website's traffic without having to read a manual first? Want an elegant web analytics solution that updates in minutes rather than hours and works beautifully on all devices? Maybe you should check out Trends.

Since we first launched LiveStats, our web app for monitoring your website's traffic in real-time, we've been determined to figure out how to store historical data at a large scale. Due to the number of sites we serve, and the speed at which we store data for quick retrieval, it's been a huge challenge but we've finally figured it out.

What is Trends?

Trends is a web app for monitoring your website's historical traffic data. All the information you need is easily readable and quickly scannable with bold graphs and readable lists. There's a separate Widget for every metric (like referrers, visitors or top content), making it easy for the whole team to know what's been popular and what's not on your website.

Open Standards

There's not an ounce of Flash in Trends, or any of GoSquared. We're really proud of the graphing engine behind Trends. Because we haven't used Flash, graphs in Trends display just as well on your desktop as it does on your iPhone or iPad. These are the best charts in a web-based analytics service anywhere on the web.

Customisable Interface

The interface of Trends consists of a series of beautiful, easy-to-use Widgets. You can set up every Widget just as you want - choose the time frame for your stats, whether you want to look at a graph, pie chart, bar chart, or just the figures, and even move the Widgets around. Trends will change to suit you. The whole interface will stay the way you set it when you return - every Widget, every state, every time frame will be remembered so you can jump back in where you left off.

Part of GoSquared

As we wrote recently, Trends may be a separate app, but when you sign up to GoSquared you get both LiveStats and Trends as part of the package. You can sign up for GoSquared for free, or if you need more pageviews there's a series of affordable premium plans starting at just $9.99/month.

Check out the Plans and Pricing now - every plan has a 30 day free trial, and you can upgrade, downgrade, or cancel at any time.

Enjoy!

James Gill, Geoff Wagstaff, James Taylor
A.K.A. The GoSquared Team

We quietly launched a new web app into beta a few weeks ago called Trends. Trends enables you to monitor your website's trending traffic data from a single dashboard, with a separate widget containing graphs, charts, and tables for every metric that matters.

We've had some great feedback on Trends, and have continued to improve the app over the past weeks while people have been trying it out. Trends works great with LiveStats - which shows you what's happening on your website right now. LiveStats shows every visitor browsing your site, what pages they're on, which referrers have sent them to your site, and how long they're spending on each page, all in real-time.

What's New?

The price. Until now, we've been charging for LiveStats as a web app on its own. Now for the same price, we're giving you a whole new app - Trends, with incredibly accurate data recording, an intuitive and beautiful interface, and redundant data backups.

New Plans

We've also made a few changes to the individual Plans we offer. We've improved every Plan in a multitude of ways including the number of pageviews, and the number of features. Now every Plan comes with unlimited team sharing, SSL page tracking, Event tracking, and Map View with Geolocation monitoring.

We will continue to offer a free plan, and we've doubled the number of pageviews to 10,000 pageviews/month. We've also integrated a single, unobtrusive ad placement on the free plan. We're working with BuySellAds to ensure the ads shown in GoSquared's apps are consistently high quality and have as little impact on your experience as possible.

Already added a website to GoSquared and want to upgrade its Plan? Sign in and head to the Site Manager.

We hope you like the changes we're making at GoSquared. If you have any suggestions or feedback we'd love to hear from you on Twitter, Facebook, or via email.

Your chance to earn money from GoSquared has arrived. Today we announce the release of our Affiliate program, which enables you to earn cash from promoting LiveStats to your audience. Upon referral of a paying customer, you'll receive a cut of up to 50% of the amount paid.

If you're already a member of GoSquared, you're already set up to start earning money. If not, sign up now and you'll be ready to start earning in under 60 seconds. On the Affiliates Dashboard, you're given a unique affiliate URL and a selection of banners we've carefully designed for you to use on your web pages to promote LiveStats to your audience. Every time someone purchases a LiveStats plan, you'll receive a tasty slice of the pie.

We've been busy

We've been working hard behind the scenes for the past few months, making countless improvements and feature additions to the underlying infrastructure of our system. Our improvements to infrastructure have been largely focused around increasing performance and developing a more scalable platform to build upon. The front-end changes have been subtle, but we're starting to roll out better navigation within GoSquared Account screens and between GoSquared apps such as LiveStats and Site Manager.

Map View for the Masses

Until now, Map View was only available to Standard and Pro users. Starting today, all LiveStats users will be able to experience the power of LiveStats' real-time geolocation panel first hand. Observe exactly where your visitors are browsing from, in the context of time of day, by navigating the beautiful interactive world map.

Dramatically Improved Performance

In our minds, performance is the key. That's why we always design our applications and the engines powering them with performance as a top priority. Recently we've made a bunch of tweaks under the hood to make LiveStats more streamlined. Now you can enjoy faster loading times as the LiveStats loading bar slices swiftly across your screen when the application starts up.

New and Improved Signup Process

We've redesigned the way new users get started with LiveStats. Implementing that tracking code can be a tricky business, so we do our best to guide them through the process in a clear and concise way when they first run the application. First impressions are the most important.

Check out the sign up and welcome process for yourself - sign up for LiveStats now.

We really hope you enjoy these improvements to the GoSquared experience, and that we can help you earn some extra cash on the side through GoSquared Affiliates.

James Gill, Geoff Wagstaff, James Taylor
A.K.A. The GoSquared Team

Sign up and start using LiveStats in 3 easy steps. Try it now.

We're really proud of our latest update to the LiveStats sign-up process - signing up is now a really simple 3 step process that's a joy to use.

This is also the first appearance of the new LiveStats radar icon - it'll be showing up more from now on. Those dots that show up when the radar screen goes green? They’re the locations of real visitors on your site. Rad.

The whole team has worked really hard on this pretty complex process to make it seem really simple.

Also, you might like to know - we've brought Map View to all plans. Whether you're paying $99.99/month or just trying LiveStats out on the free plan, now you can see where your visitors are on the most beautiful world map you've ever laid your eyes on.

Enjoy,

James Gill, Geoff Wagstaff, James Taylor
A.K.A. The GoSquared Team

Don't design for early adopters - brilliant piece by @chockenberry: http://bit.ly/cCSbkq

Apple seems to be as leaky as a sinking ship right now - at this rate we'll be able to write Steve's WWDC keynote for him.

Seth Godin at his best - The last 10%, that's what people pay for: http://bit.ly/d9wFia

When the question being asked is "Windows XP or 7" you know Microsoft screwed up horribly somewhere in between. (via @mattpat)

Facebook redesigns privacy centre: http://bit.ly/diyz2p

Another beautiful site using #LiveStats: http://thebrandingfarm.com/ Welcome on board @thebrandingfarm!

MobileMe Mail Beta, a Visual Walkthrough by @spiralstairs - beautiful: http://bit.ly/c1FHYs

It's reassuring to see that even Steve Jobs has to deal with these kinds of email rants: http://bit.ly/cC9Zzn (via @sophiestication)

Loving how this modern software company have integrated Twitter into their sexy website: http://bit.ly/cJ3kuD (via @leigh & @Si)

New on Smashing - CSS 2.1 and CSS 3 Help Cheat Sheets (PDF): http://bit.ly/bA7Sx6 (That's us! Thanks again @smashingmag)

"http://www.gosquared.com/ #canofawesome" - thanks so much @th3hamburgler!

An absolute abundance of quality, free vectors for download on @lovevectorfree: http://www.lovevectorfree.com/

Developing with #Wordpress? Get this awesome Help Sheet-as-a-wallpaper by @quicklycode: http://bit.ly/ax6Crw

Really liking the Lobster font by @pabloimpallari: http://www.impallari.com/lobster/

Beautiful piece of writing by @zeldman: http://www.zeldman.com/2010/05/11/life-is-beautiful

Follow us

@GoSquared
@JamesJGill
@TheDeveloper
@Floopily

We're pleased to announce the release of the LiveStats for WordPress plugin for WordPress blogs.

WordPress site owners can install this plugin to easily implement the GoSquared Tracking Code required to use our traffic monitoring apps. The plugin is available from the WordPress Plugin Directory and future updates will also be made available there.

Note: If you've already integrated the GSTC into your WordPress theme's template files, you should remove it before installing the LiveStats for WordPress plugin.

Due to the nature of the web apps we build, we're constantly working with time-related logic, and have built up a small collection of functions to help ease the pain with these calculations. This particular function is useful for breaking down a unit of time, represented in seconds, into its constituent days:hours:minutes:seconds, the former two of which are omitted if not applicable.

/**
 * Converts seconds into days:hours:minutes:seconds components
 *
 * @param int $time - number of seconds
 * @return string
 */
 
function time_quanta($time){
	$d = intval(($time / 86400));
	$h = intval(($time / 3600) % 24);
	$m = intval(($time / 60) % 60);
	$s = intval($time % 60);
 
	if(!max($d,$h,$m,$s)) return false;
	$st = '';
	if($d>0) $st .= ($d < 10?'0'.$d:$d).':';
	if($h>0) $st .= ($h < 10?'0'.$h:$h).':';
	$st .= ($m < 10?'0'.$m:$m).':';
	$st .= ($s < 10?'0'.$s:$s);
 
	return $st;
}

The function can be particularly handy when you'd like to present debugging timers, which are usually counted in seconds or milliseconds (using time() or microtime() etc), in a more humanly readable format, especially if the times involved are long. ]]> http://www.gosquared.com/liquidicity/archives/1370/feed 3 http://www.gosquared.com/liquidicity/archives/1010 http://www.gosquared.com/liquidicity/archives/1010#comments Thu, 13 May 2010 10:00:02 +0000 James Gill http://www.gosquared.com/liquidicity/?p=1010

We're pleased to bring you the 3rd version of the GoSquared CSS Help Sheet, and a brand new CSS3 Help Sheet.

With the VI Help Sheet we released last week, we redesigned our Help Sheets for a much better result when printed on paper, while ensuring they still don't look too shabby on the screen of your Mac, PC, iPhone or iPad.

We've put together a Help Sheet specifically for CSS3. We've covered most of the basic options now possible with CSS3, but there's a ton more we couldn't fit in, so we've linked to a couple of handy articles such as this post by 456 Berea Street on CSS Selectors, and this piece by Paul Irish on Font-Face.

So what are you waiting for? Download them. Print them. Stick 'em on the wall and get creative!

New to GoSquared?

For those of you new to GoSquared - we design and engineer web applications for site owners to monitor their traffic and earn more money from their Site. We run Liquidicity, the blog on design & technology to share our thoughts and content with wonderful people like you in the hope that one day you'll use our products.

As always, if you find any errors or typos or anything like that, please drop us a note in the comments.

Get the CSS2 Help Sheet PDF (230KB)

Get the CSS3 Help Sheet PDF (221KB)

The CSS2 Help Sheet. We made the original based on the wonderful work of Leslie Frank. Never forget those basic and vital styling options with this at your side, or on your wall.

The CSS3 Help Sheet. All that's coming to CSS, and all that's already here for Chrome, Safari, WebKit, Firefox, Opera, and, erm, IE9?

We hope these are helpful to you.

Enjoy!

We're really pleased to bring you another Help Sheet. Introducing the VI Help Sheet for all you Linux loving developers out there.

It's been a while since we released our set of web development Help Sheets for PHP, HTML and CSS, so we thought it was time to release another. This one should keep a lot of developers happily coding away into the early hours of the morning.

So what are you waiting for? Download it. Print it. Stick it on the wall and get commanding.

As always, if you find any errors or typos or anything like that, please drop us a note in the comments.

New to GoSquared?

For those of you new to GoSquared - we design and engineer web applications for site owners to monitor their traffic and earn more money from their Site. We run Liquidicity, the blog on design & technology to share our thoughts and content with wonderful people like you in the hope that one day you'll use our products.

Get the PDF (553KB)

Update: Many thanks to Adit Gupta of www.what-a-geek.com for suggesting some more useful commands and for Joe on Smashing Magazine for making a correction to one of the search commands. Thanks also to Oliver in the comments below for informing us of a few other corrections.

It's been too long since we gave away anything on Liquidicity, so here's a few icons we've been working on.

Unlike our previous icons, these aren't vector. Don't cry yet. They're pixel perfect and were made using an app I've been using and learning for many months now called DrawIt. The main benefit to making icons at the size you need them (not as vectors) is that from the start you can ensure the icons look great and are crystal clear at the size they need to be displayed.

Apple Wired Keyboard

Apple wired keyboard icon - PNG without shadow, PNG with shadow, and original DrawIt file download.

Apple Wireless Keyboard

Apple wireless keyboard icon - PNG without shadow, PNG with shadow, and original DrawIt file download.

Apple MacBook-Style Keyboard

Apple MacBook-style keyboard icon. This product doesn't actually exist, but we made it anyway. PNG without shadow, PNG with shadow, and original DrawIt file download.

Apple MacBook Pro

Apple MacBook Pro 15" icon. A whole MacBook Pro, free to download. PNG without shadow, PNG with shadow, and original DrawIt file download.

I'm using DrawIt more and more for interface work on our LiveStats application. I highly recommend the app if you do a lot of user interface design and need your icons, buttons, and other elements to be pixel perfect. Pieter Omvlee is a fantastic developer and provides fantastic support. Something Adobe will never, ever, EVER give.

We hope you like the icons.