Twitter background PSD (NEW Twitter)

Just when you thought you'd sussed out Twitter backgrounds along comes NEW Twitter. Yes folks this really DOES change everything (again). Help is at hand all you Twitter-freaks... free New Twitter PSD background template here

JotForm - WYSIWYG form builder

Just come across this very useful online tool - JotForm. Would be great for wireframes too...

There was a time once when creating web forms was a big pain for webmasters. Then came JotForm, first web-based WYSIWYG form builder. JotForm is a free web form builder. For basic usage, up to 100 submissions/month, you can use JotForm fully. No crippleware. No ads.

Mockingbird Online Wireframe Tool

Very cool online wireframing tool... Mockingbird - powered by Cappucino in groovy HTML5 + lots of canvas mojo. Drag & drop UI elements to the page. Link mockups & preview. Share with colleagues or clients. Brilliant.

90 Beautifully Delicious Coffee Website Designs

Inspirational post by Daniel Adams on instantShift 90 Beautifully Delicious Coffee Website Designs. Some truly outstanding designs there - but then when it comes to coffee I am a bit biased. No sign SkyRocket molto caffeinated design Roc Coffee though... :(

HTML5 Boilerplate

Awesome rock-solid HTML5 boilerplate from Paul Irish and Divya Manian.

"HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site"

How To Make The Right Keyword Analysis For Your Website

Fantastic article by Anastasia Miles 1stwebdesigner about how to choose the right keyword for your website and the impact of keywords. Selecting right keywords (eg: using the marvellous Google Wonder Wheel & AdWords tools) and using them effectively results in good conversation rate.

1. Define the keywords that people use to find your business

2. Find out how many people are actually using the keywords you have selected

3. Define your competition and make sure the keywords you have chosen are relevant

4. Finding the best keywords

5. Breaking keywords into pages

The Art of SEO

[book] 'The Art of SEO' voted best SEO book for 2009. An O'Reilly book - authors Eric Enge, Jessie Stricchiola, Rand Fishkin & Stephan Spencer

"A well-designed, easy-to-navigate website is useless if no one can find it. If your company is going to succeed in the web economy, optimizing your site for search engine visibility is essential. In this book, four of the most noted experts in the field of search engine optimization (SEO) provide you with proven guidelines and cutting-edge techniques for planning and executing a comprehensive SEO strategy."

This book is definitely going on the SkyRocket 'must-have' list

How to Use Google to Improve Your SEO

Tips on using a few of Google's free tools to help optimise your site for search engines. Google also offers plenty of free tools to help improve your SEO and get the most out of your site.

inc.com article by J J McCorvey

Joomla 1.5 SEO tip - how to change the title tag

Had a client wanting the title tag changed to some juicy SEO-friendly keywords and I thought "easy job" - well, not quite.

Joomla 1.5 is based on a single page template. The title is inserted dynamically based on settings in the admin. It should be easy to change the title tag but is surprisingly well buried & not in the normal admin areas you'd first think so he's the tip...

1. Log in to the Joomla backend (www.yoursite.com/administrator).

2. Go to Menus -> Main Menu -> click on Home

3. In the right col accordion menu choose Parameters - System -> Page Title.

4. Change the Page Title field with your own juicy keywords

5. SAVE

Onbile - free mobile version of your website

Create a free mobile version for your website in 3 steps... Onbile is a free platform for creating and managing your Mobile Website version for iPhone, Android and Blackberry users

Best Icon Sets on the Web?

Fantastic resource article from Design Informer - My Favourite Icon Sets. This one is different because they are actually class icons. Thanks to Jad Limcaco for posting them up.

HTML 5 Starter Pack is a sick freebie from Radu Chelariu is "a bit different than a template. I built it with one guiding principle: scalability". Cross browser (even IE6), valid HTML5, Tablet/Notebook ready, jQuery from Google CDN, Cufon ready & structural reusable classes...

http://sickdesigner.com/index.php/2010/html-css/html5-starter-pack-a-sick-freebie/

CSS Image Maps - Beginners Guide

Good tutorial on CSS Image Maps using CSS by Jarod Taylor from Noobcube... Single image, adds hover states using CSS background sprites, creates tooltip popup when hovering hotspots. Leaner code, easier to manage and much more semantic than table-based old-fashioned sliced image maps.

HTML5 Unleashed...

Good article by Saud Khan on W3avenue...

HTML5 unleashed tips tricks and techniques

Can we use HTML5 today? What can we do with it? Is it really going to kill Flash? The whole purpose of this article is to help you get started with some basic guidelines and easy to follow code templates.

CSS Desk

CSSdesk - Real time development tool for trying out CSS changes...

Snazzy Hover Effects Using CSS

Fab tutorial by Ryan Seddon creating flexible advanced hover techniques using CSS2.1 properties to create captions over images ("snazzy hover CSS")

zurb.com playground adventure - uses awesome CSS2 and CSS3 to turn an otherwise unassuming list of images into a full-blown set of polaroid pictures

Yahoo! Design Stencil Kit - Wireframe Tool

Yahoo! Design Stencil Kit version 1.0 is available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG), and covers the following topics:

Ad Units

Calendars

Carousels

Charts and Tables

UI Controls

Form Elements

Grids

Menus and Buttons

Mobile - General

Mobile - iPhone

Navigation and Pagination

OS Elements