The Category Archives For: Tutorials

Favourite Links 1

| In All Posts, CSS, Freebies, HTML, Inspiration, Photoshop, Tutorials, Web Design

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 More

Tutorial: Clearing the Textarea value onFocus

| In All Posts, HTML, Tutorials, Web Design

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 More

How To: Move WordPress to a new Domain!

| In Tutorials, Web Design, WordPress

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 More

Google Sync now supports Push Mail

| In iPhone, News, Tutorials

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 More

PNG Image fix for IE6

| In All Posts, Browsers, Hacks, Tutorials, Web Design

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 More

Tutorial: Image hover/fade effect using jQuery

| In All Posts, Tutorials, Web Design

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 More

Tutorial: Display your Google Feedburner count on your Website

| In Tutorials, Web Design

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 More

Tutorial: Display your Latest Tweet on your Website

| In Tutorials, Web Design

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 More

Subscribe to DesignWoop and keep up to date. You can subscribe via RSS or Email.

Close
Close