Archive for Useful links

James / October 17, 2008

Panic Over! PHP, CSS & HTML Help Sheets

Today, we're introducing our all new Help Sheets. You loved our original CSS and HTML Help Sheets, so we went back to the originals, tidied them up, and gave them a sprinkling of coolness.

We're also pleased to bring you an entirely new Help Sheet - the PHP Help Sheet. This should be a saviour for you hardcore coders when you forget the odd array function or two.

You can download the full set as a ZIP (5.4MB) right here:

Download a ZIP file containing all 3 Help Sheets

The all new PHP Help Sheet. Everyone needs a handy reference now and then, so go ahead and print this off. Stick it on your wall and never get lost again!

PHP Help Sheet PDF Get the PDF [1.9MB]

The HTML Help Sheet has been updated and tidied up, so now you have no excuses for not decorating your office notice board with snippets of usefulness.

HTML Help Sheet PDF Get the PDF [1.9MB]

The CSS Help Sheet - our first ever, but updated to match the set. Never forget those styling options with this at your side.

CSS Help Sheet PDF Get the PDF [1.9MB]

We hope you like the new Help Sheets, and would love to know what you want us to Help Sheet-ise next: JavaScript? Actionscript? JQuery? Tell us in the comments!

Oh and another thing, the other day one of our readers sent in a photo of our CSS Help Sheet on his office notice board. If you're using our Help Sheets at your office / home / garage / Starbucks we'd love to see! Email us a photo or upload to Flickr with the tag "GoSquared".

Enjoy!

Comments (18) arrow

James / October 4, 2008

Dear Adobe: Pay Your Full Attention to this Site

Read the Top 100 Requests on Dear Adobe and see if you agree.

Adobe has a lot of work to do to please their customers. This is a site that has been set up for us poor developers, designers, animators, and general creatives to vent our anger at Adobe - the company, the products, and their pricing. If Adobe ignores this site, and sees it as a small number of angered individuals determined to destroy Adobe's reputation they will be much mistaken. This site has comments from some of the most loyal users of Adobe products, from the people that genuinely care about their business, and these are also the most vocal - they are the core users that matter most to Adobe.

They are telling Adobe, directly, and in crystal clear English, exactly what is wrong with their current business. They're even telling them how to put it right.

Dear Adobe, Ignore this site at your peril.

No comment arrow

James / October 1, 2008

jParralax - View Images from a Different Angle

Parallax is a really cool, powerful use of javascript from Stephen Band. Think of looking through a camera and having layers of objects at various distances moving around. Parallax achieves that effect using a combination static images, one for each layer.

"Parallax [is a jQuery library that] turns a selected element into a 'window', or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way."

Comments (2) arrow

James / September 30, 2008

Stainless Browser - Googleless Chrome for the Mac

Like the look of Google Chrome, but waiting for its release on OS X? Wish you had something similar to meet your multi-tab-tasking needs? Meet Stainless, the (very early) development version of the same concept. Stainless breaks each tab into an individual process just like Chrome to ensure when one goes wrong, it doesn't screw up the whole browser.

It's still early days - there's no bookmarking, history, or download management, but this WebKit based browser has a lot of potential. It also looks pretty good, with minimalism on a par with Chrome itself.

Stainless is for Leopard only (sorry Tiger users, time to upgrade!), and is very (VERY!) early beta. Try it out at your own risk.

Regardless, this is a fantastic start, and I look forward to seeing it develop. If a small group of developers can get this together in a matter of weeks, why can't Google get something out the door shortly?

No comment arrow

James / May 13, 2008

Ad this to your Resources: Web Banner Sizes

728x90 Web Banner

Check the GoSquared Support Wiki for a run down on official and not-so-official web banner sizes.

You can use the example images as you wish. Give your readers an example of what ad sizes you offer if you want.

Hope this helps if you ever need a reference!

No comment arrow

James / April 14, 2008

A Few Updates

A Few Updates on GoSquared since launch 2 days ago

Just over 2 days ago, we launched the all new GoSquared, introducing the GoSquared Network, the completely rewritten Control Panel, Squares on other Sites, and more.

In just 2 days, we already have 14 Sites on the GoSquared Network, with more joining every day. We are really pleased that after a large influx of new users, the Control Panel is now available to thousands of Members.

The launch went smoothly, but there were a large number of bugs that simply couldn't be sorted out until we were online. We have been working without much sleep for the last few days to fix as many bugs as possible, and improve the most important areas of the site. Here's some of the fixes we have been working on:

New My Info Area

We have completely redesigned the My Info area, giving a polished finish to your GoSquared Account details. Editing your Account details will now lead to a more familiar CP edit pane.

New Icons and more for My Info

Top Sites

The Top Sites list on the Squares Homepage is now fully functional, and displays the most popular Sites at any given point in time based on their GoSquared Reputation.

Top Sites on the GoSquared Network

Recently Joined Sites

At the base of the Squares Homepage is a quick preview of the most recently joined Sites on the GoSquared Network. All Sites are given a large thumbnail preview image that is updated regularly. You can see more Sites by clicking the left and right arrows. New Sites are automatically added to the queue for this preview area, regardless of Reputation, giving all new Sites publicity before they have spent a penny.

Recently Joined Sites on the GoSquared Network

Support Wiki

The GoSquared Support Wiki is growing, with more and more information being added every day to help you out with viewing and using GoSquared. If you need help with anything, or think anything is missing from the Support Wiki, just Contact Us.

GoSquared Support Wiki

Other bugs that aren't so interesting

  • Fixed a bug where GoSquared Reputation displayed error codes before Site had installed GSTC. Now shows "GSTC not yet installed" message.
  • Sign in fields for drop down on Sign In and Join pages no longer take default "edit pane: appearance. Now take browser default appearance, and smaller size.
  • Added "New" icon to Squares title in navigation bar for non-secure pages. Members signed in to the Control Panel don't see this, because they already know the Squares system is new.
  • Added online status to Squares Overview in Control Panel, so you can see at a glance which Squares are currently public and which are awaiting approval.
  • Added a "Contact Us" and "Support" link to GoSquared Footer.
  • Removed unexpected errors from Money section of Control Panel. Improved "edit pane" styles for "Add Details" screen.
  • Fixed JavaScript "accordion" animation of Sidebar. Sidebar was expanded by default for most Members.
  • Removed typographical errors everywhere we have noticed. Please Contact Us if you spot any.
  • Removed links to currently unannounced areas of GoSquared.

Thanks for sticking with us, we're working to make GoSquared better everyday. We hope you enjoy the Site.

Don't forget, you haven't experienced GoSquared until you've signed in...

Comments (2) arrow

James / February 19, 2008

Our Dream Browser

Dream Browser Head

The other day, Sebastiaan de With of Cocoia wrote a blog post entitled "My Dream Browser".

This immediately grabbed my attention and reminded me of a few ideas I had a while ago for changes in the browser space.

Here is one of the images he posted to visualise his ideas:

Dream Browser 01

The internet browser market is currently moving quickly in terms of new competition with the release of Safari for Windows, and Firefox 3 in beta, but in terms of design and UI it has been a while since any major changes took place.

The problem with current browsers is they are not designed for the new ways we are using the internet - RSS feeds are a late addition in the whole scheme of things, downloads are resigned to a small window in the background, and other media such as video and photos are still embedded into pages with no easy way of cutting through the clutter.

With this growing multitude of content flying around, perhaps a more organised approach would enable users to collect and share information online easily and efficiently.

Looking at iTunes, the most popular media software in the world, media is organised into groups of Music, Videos, TV Shows, Purchased Content, and then User Defined selection (Playlists). What if a similar approach was taken to the web? It would make sense - imagine being able to see all of the videos you have watched in the last week in a single list, with the ability to play any of them all from one page. Imagine you are downloading a 90 page PDF while also downloading a new app from your friend's site, as well as downloading the latest movie trailer from the Quicktime site and being able to monitor all your downloads, and see what type of media each of them are, without even leaving the current window.

That's our dream browser.

We also had some UI ideas of our own, some of which we are working on bringing into GoSquared itself sometime in the future.

You may remember, a while ago we wondered "why isn't CoverFlow in Safari?", well we still wonder, and it would definitely be in the browser of our dreams. CoverFlow wasn't the only idea we had though...

Take this scenario:

I find an image I really like on a page and want to share it with a friend or a colleague. Currently, I copy and paste the image into my favourite email client (Mail), fill out the "To:" field with his or her name, and maybe leave a little comment in the "Subject:" field, then maybe another little "Yo, check this out" in the body field, and then I hit send.

Wouldn't it be cool if you could do this:

Drag the image to my friend's name in the sidebar, and wait for it to arrive in his inbox.

Dream Browser Screen 01

The ability to do things like this would drastically improve the way people communicate ideas on a regular basis.

We have a few more ideas, and this blog post could run on for another few days, but for now we would love to hear what you guys and girls think.

We are actively working on the browser to make it a reality - Danny Greg from Crimson Sky Software is the lead developer on this project and he is just as passionate as we are about creating this awesome browser.

If you would like to help out, or have any ideas of your own, please let us know below!

Comments (30) arrow

James / January 2, 2008

WP Candy’s New Look

Already, it's 2008.

Our first post of the year is not about us*, it's about our friends over at WP Candy, and their fabulously minimalist redesign.

WP Candy Redesign

This blog, for a start has gone from nothing to something in a matter of months, and to keep up the pace, a redesign always helps.

It is brave decision to go for such a minimal look and feel - with large white space everywhere you look. However, the white has been well balanced by the bold Helvetica logotype in the top left that draws the eye.

The logo size is of key importance here. As you may have noticed, last year we transitioned to a new design across the whole GoSquared site, and one of the main reasons for this was to promote our name, our brand. I'm very glad to see WP Candy making their name loud and clear to everyone who sees the site, I am sure this will help them to be recognized in the future. Also, a standard rule of user navigation is to ALWAYS link your name and/or logo in the top left to your home page: another thumbs up for WP Candy.

Fonts

The choice of Georgia as a title font has worked very well, although would not have been my first choice considering the difference between that and their logo's font. However, it seems that the more traditional styling of Georgia gives the minimalist theme some needed delicate character to stand out from the average mundane "web 2.0" boldness of so many blogs.

The use of Helvetica as the body font is wise, as it corresponds with the logo perfectly. If Georgia had been used for the body, the theme would have lost a lot of its slick feel to overcomplicated, less readable text.

Subtle Niceness

WP Candy Links

On the homepage, hover your cursor over the footer of every post entry. A simple method used to great effect: making a common set of links more subtle so as to not draw your eye until they are needed. When the user hovers over the rectangular space reserved for these links, they are darkened, making them more readable all at once. This same effect has been used at the bottom of the page to make it easier to read individual footer areas such as "Recent Commenters" and "Popular Articles" without drawing away your eyes to other sections of the page.

I am also impressed by the very restricted use of images on the site (OK we admit it- we like using images to add a little gloss or grad here and there). At the time of writing, on the homepage, there were only 19 images, most of them the tiny 10px x 10px icons for post entries.

Possible Improvements

It's a great redesign by WP Candy, but as with every design, ever, there are always ways to improve.

One area I have noticed to be slightly less useful now is the sidebar on the right. It is lovely to have a minimal page, but for most screens, it would be helpful to have at least the "Categories" title above the fold.

WP Candy Navigation Bar

Promotion of your RSS feeds is becoming ever more vital for success, so it is always a good idea to make the link to your feed as clear as possible. Perhaps moving the "Syndication" title higher up the page, or simply reducing the paragraph spacing in the sidebar would help. It is good to see another link to the RSS feed at the top as well: an example of sensible (instead of logical) placing. The placing of "RSS" in the navigation bar is not logical since most of the links at the top are to different sections of the site, not actions that may remove you from the site, however, there is a higher probability that people will click through to the feed in this position.

* As Seth Godin writes: "The truism of the web: people talking about you is far more effective than talking about yourself."

Comments (5) arrow

James / November 3, 2007

Wordpress Help Sheet. Panic Over.

Wordpress Help Sheet Preview

If you like your blog, but want to make it better, and go tweaking the insides of Wordpress, this may be of help to you.

Our good friends over at WP Candy have done a great job in providing you with the quick shortcuts and need-to-knows of Wordpress all on one easy to use sheet.

PDF Get the PDF [592kb]

More Help Sheets by GoSquared: HTML Help Sheet, and CSS Help Sheet

Comments (30) arrow

James / October 24, 2007

Apple Launches iPhone Dev Center. Minus Domain.

iPhone Dev Center

iphonedevcenter.com

We saw earlier today that Apple had launched a useful new area of the ADC Site to help us developers make great stuff for the iPhone.

We then realised they hadn't bought the domain name iPhoneDevCenter.com, so we went ahead and bought it [as you do].

Now we're debating whether to merely sell it on, or actually do something productive with it [on top of everything else we're doing at the moment].

At the moment you'll notice that it just redirects back to this post.

What say you, loyal readers of liquidicity?

We are still looking forward to the launch of the iPhone over in the UK. Maybe then we can actually start to join in on all the iPhone craziness.

Comments (9) arrow