Close

Archives for the ‘Tutorials’

Favourite Links of the Week (#3)

Posted in All Posts, CSS, Freebies, Inspiration, Tutorials, iPhone, jQuery on 18 Jan

Time again for another round of fun and exciting links! If you have any you want featuring on next weeks roundup then let me know via Twitter (via @stugreenham).

Read the full article »

Tutorial: Using CSS Shorthand in your Stylesheets

Posted in All Posts, CSS, Tutorials, Web Design on 14 Jan

Using CSS Shorthand is great for reducing the lines of code and preventing us typing lots of duplicate lines of code in our stylesheet's, but how many of us use it? I notice on a lot of developers stylesheets that they have multiple lines of code where only one is needed and I don't really understand why! I guess it's a personal preference, but here is how you can start coding CSS in shorthand.

Read the full article »

Favourite Links of the Week (#2)

Posted in All Posts, Freebies, Inspiration, Photography, Tutorials, Web Design, jQuery on 10 Jan

Right guys, continuing on from last week, here are some of my favourite links that I have seen in the last 7 days! Some crackers here and if you agree then help me out with a cheeky Tweet, Bump or Digg! You will find all the sharing links at the bottom of the post page. Heres my #2 set of links....

Read the full article »

Favourite Links of the Week (#1)

Posted in All Posts, CSS, Freebies, HTML, Inspiration, Photoshop, Tutorials, Web Design on 31 Dec

I am going to start a set of weekly posts that will show you my favourite links I have found, been sent or have used myself at some point. Please, if you have time to take a few minutes to help spread my posts using the share links at the bottom of the page I would be very greatful! Right heres my #1 set of links...

Read the full article »

Tutorial: Clearing the <textarea> value onFocus

Posted in All Posts, HTML, Tutorials, Web Design on 09 Dec

Quick tip that will always come in handy when creating forms. More often then not you will see a textarea that initially has some text in, something like... 'Type your message here...'. On some websites, I have noticed that when you go to type in that same textarea you have to first remove the message before you start typing yours which I find very frustratings.

Read the full article »

How To: Get Chrome on your Mac with Extensions

Posted in Browsers, Software, Tutorials on 09 Dec

Chrome officially rocks! right? I officially made the it my default web browser at work last week which is a big move for me as I have been a dedicated Firefoxian for several years. After Google added extension support to its browser I was hooked!

Read the full article »

How To: Move WordPress to a new Domain!

Posted in Tutorials, Web Design, WordPress on 27 Nov

For about roughly a year now I have been considering moving away from selfconclusion.co.uk to either 1) a new funky domain name, or 2) blog.stugreenham.com and yesterday in a wild move I took the plunge! Luckily things all went smoothly (he say's) and so far I have not experienced any major issues...

Read the full article »

Google Sync now supports Push Mail

Posted in News, Tutorials, iPhone on 23 Sep

Back in February I wrote a post about Google Sync and how you can sync your Google Calendar and Contacts to your iPhone wirelessly using the exchange feature on your iPhone. Well Google have now added support for push mail to their sync feature! In their blog post they write about their decision to add this.

Read the full article »

Tutorial: Display your Latest Tweet on your Website using SimplePie

Posted in All Posts, Social Networking, Tutorials, Web Design on 13 Sep

Okay so if you read my blog you will know I have already posted a tutorial showing you how to add your latest tweet to your website. Well this is part 2, and in part 2 we look at how to add your tweets to your blog/website in a much better way, using SimplePie.

Read the full article »

PNG Image fix for IE6

Posted in All Posts, Browsers, Hacks, Tutorials, Web Design on 27 Aug

If you tend to put a lot of PNG images on your websites like I do, then you will know how much of a pain IE6 is! IE6 can display PNG images but it doesn't play to well with transparent ones, in fact, the transparency won't work at all! To get around this I have been using the following css hack to display a GIF image in IE6...

Read the full article »

Tutorial: Image hover/fade effect using jQuery

Posted in All Posts, Tutorials, Web Design on 16 Aug

I recently came across this cool about us page and instantly fell in love with the hover over effect they used on the images. Well anyways, I tought myself how to do this same effect and now I'm going to show you guys how to do it! It's very easy to do but very effective! Here is another cool site that has also used a similar effect and I'm sure you will agree it really makes the page stand out!

Read the full article »

Tutorial: Display your Google Feedburner count on your Website

Posted in Tutorials, Web Design on 28 Jun

Following on from my tutorial that shows you how to display your latest Tweet on your website, I will now show you how to show of your Feedburner subscribers count in plain text on your website. Feedburner does already give you the option to display your count on your site using their 'chicklets' but these are widget like icons that aren't particularly customizable and for my site, they did not look right!

Read the full article »

Tutorial: Display your Latest Tweet on your Website

Posted in Tutorials, Web Design on 13 Jun

You will have noticed that I display my latest Tweet in the header of my website (look up). Until recently I have been using the Twitter for WordPress plug-in, but I was experiencing problems and 9/10 times my page loaded I would get the error message instead on my Tweet! This became increasingly frustrating, as my site would get featured on someone else's blog and the screenshot would contain this error message.

Read the full article »

Reverse Your Email with CSS and Prevent Spam

Posted in All Posts, CSS, Hacks, Tutorials, Web Design on 30 Apr

SPAM... Literally the most annoying word! When I used to work in IT Support, I would constantly get asked how to stop spam, and my reply would always be that you can't! There is only so much software you can install / filters you can set going before you realise, the spam eventually reaches you anyway, fact! It's just part or web life.

Read the full article »

Finally.. A Sync between Google and iPhone

Posted in All Posts, Tutorials, iPhone on 10 Feb

Now this is something I have been patiently waiting for ages now! The option to Synchronize my Calendar data between my Google Account and my iPhone! Woop! Well here it is, be it only in beta mode at present, Google Sync.

Read the full article »

Working with Custom Fields in WP

Posted in All Posts, Tutorials, Web Design, WordPress on 31 Dec

Every one who uses WordPress for there blog will have no doubt at some point noticed the section labelled 'Custom Fields'. Now be honest, how many of you use this feature on your Website? or how many of you at least understand what it does? The feature is infact very handy and with a few simple steps, it can really make your WP Theme stand out, but there are many who don't take advantage of it! Hopefully if your reading this you have some understanding of how WordPress works, and fingers crossed you are aware of the WP Loop that pulls your posts to display on your site. If you are not familier with the Loop then this page will be ...

Read the full article »

Removing the Dotted Hyperlink Borders

Posted in All Posts, CSS, Hacks, Tutorials, Web Design on 12 Oct

I love Firefox, it is my favoured browser but there is one little thing that really frustrates me, especially from a designer point of view. You may, or may not have noticed that the browser adds a dotted border around hyperlinks that only become visible upon activating the link. For many this is probably not a problem as its not exactly causing any problems to anyone, but I don't like it.

Read the full article »

WP .XML Test Data Import

Posted in All Posts, Freebies, Tutorials, Web Design, WordPress on 08 Sep

If you have read any of my previous posts about the mighty WordPress, then you might be able to work out I am a big fan! Very true indeed! Infact 99% of the sites I have done use it. When creating a design I won't build it into WordPress from the start, main reason is that I can concentrate fully on the HTML/CSS code and not have to worry about PHP loops, etc. Much simpler!

Read the full article »

Community