RT @boyceavenue: As u can c, the Liverpool crowd wore us out! Was a total party tnite. Happy St Patty's Day 2 all! (D) http://yfrog.com/5dlw8j about 6 hours ago
Archives for the ‘Web Design’
A Collection of 400+ Free Fonts
Posted in All Posts, Featured, Freebies, Web Design on 22 Feb
Typography is an integral part of any design and getting it right can take your design from good to great. Finding the right font is the tricky part and can often take up a lot of your whilst you test out different fonts styles, etc. Font's can also be very expensive costing anything from a few quid up to several hundred which will soon eat up your budget.
Favourite Links of the Week (#4)
Posted in Freebies, Inspiration, Web Design, WordPress, jQuery on 01 Feb
Week 4 is up and here are my favourite posts/links/freebies of the last 7 days. There are not much this week unfortunately I will make up for this next week!
Guest Post: 50+ Beautiful Websites with Great Colour Schemes
Posted in Inspiration, News, Web Design on 25 Jan
The guys over at Inspired Mag kindly asked me to write a guest post for their amazing website, which I did, titled 50+ Beautiful Websites with Great Colour Schemes and you can see the post here. I am happy to say that several hours after the post went live it actually appeared on Digg's homepage which is amazing! I would appreciate any help with the diggs / retweets / bumps / moo's etc to help the post stay there.
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.
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....
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...
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.
20 Great CSS Design Showcase Websites for Inspiration
Posted in All Posts, CSS, Inspiration, Web Design on 08 Dec
We've all had days where our creativity becomes non-existant and are in desperate need of some inspiration to get us kick started again. Fortunately for us we have a huge variety of choice when it comes to web showcasing which means inspiration is never to far away. Below are some of my favourites showcase bookmarks that I tent to turn to in those 'desperate' times.
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...
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.
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...
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!
Posted in Browsers, Web Design on 05 Aug
Where to start with IE6! Well for a web designer, its the devil! Literally! It's been a nightmare for many years now. The browser is so out of date its unreal, and its Microsoft's responsibility to do something about it. They have now had long enough, and now its our duty to give them a push!
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!
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.
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.
Posted in All Posts, Freebies, Web Design, WordPress on 26 Apr
This post is long overdue I know, but I thought I would share the latest goings on in the land of (Nerd)Press, which is that version 1.0 is officially released onto the web for all you WordPress fans to download and use should you want to!
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 ...
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.
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!
Community
40+ Effective Call to Action Buttons
Nice showcase looking at 40+ website call to action buttons. Good link for all your button inspiration needs!
Cool post looking at some amazing offices around the world.
50 Beautiful Photographs Of A Cloudy Day
As a wannabe photographer myself, I often enjoying reading posts like these showcasing some amazing shots!
Great plugin that will make your forms look great using inline labels! Easy to setup too. Click here to visit the article »
Pushing Your Buttons With Practical CSS3
Great post I just found in my bookmark archives looking at making sexy buttons with the use of some nice CSS3.
6 Tips and Tricks for Designing with the 960 Grid System
Nice post looking at 6 tips when using the 960 grid on your websites.
Image Rollover Borders That Do Not Change Layout
This article from CSS Tricks just helped me out with my current project and is worth bookmarking if you ever need help with inside borders lol.
How to Get 100+ Comments on a non-Contest Blog Post
Interesting article looking at points you can follow to help get your more comments without having to give away freebies!
Interesting article from Elliot Jay Stocks that caused a bit of stir within the Design community. This article resulted from a tweet Elliot posted last week that said... "Honestly, I’m shocked that in 2010 I’m still coming across ‘web designers’ who can’t code their own designs. No excuse."
40 Amazing Minimalist Website Designs For Your Inspiration
Nice showcase from Spyre Studios featuring 40 amazing sites based around a minimal design!
An Introduction to Mastering Slow Shutter Speeds
Another great post from Photo Tuts + looking at methods for improving slow shutter shots.
30 Examples of Clean and Minimal Website Navigation
Nice post from WDL this time showcasing 30 clean and minimal navigations.
7 Black and White Photoshop Conversion Techniques
Another great tutorial from Photo Tuts + showing 7 different method's of converting an image to black and white all done in Photoshop.
How To Use Curves in Photoshop
Good tutorial from Tutorial9 showing you how to use the curves tool. Something I've used many times but always good to brush up on your skills once in a while!
Great tool for any grid users out there. Break away from using the same grid each time and generate your own using this tool from Zurb that even provides you with the code to get you started!
600+ Photoshop Gradients to Download
Huuugge collection of gradients brought to you by Best Design Options!
Start BitTorrent downloads remotely with Dropbox
Great tutorial / tip showing how any mac users can use Dropbox to set torrents to automatically download remotely!
The Ultimate iPhone Setup for Web Designers (40+ Apps)
The perfect post for any Web Designing iPhone lovers! A huge list of some great apps which will help us all be that little bit more productive! Thanks Appstorm!
How To Write The Perfect Tweet
Interesting post from Twittercism looking at things we can do to help us write better Tweets. I'm guilty for a lot of these but a good article for anyone looking to use Twitter as a marketing tool.
130+ Stunning Examples of Macro Photography
Great article from Photo Tuts+ showcasing over 130 amazing close up Macro shots. Mainly insects here but still amazing to see so close up!
jQuery Resources for One-Page Portfolios
Another good post from Vandelay Design showing off some nice tools and tips for one page websites. I've just become a fan of the Smooth Anchors myself!
Really cool post by Nicolas Gallagher looking at pure CSS Speech bubbles with lots of cool examples here!
Showcase of Twitter Integration on Blogs
Cool showcase from Vandelay Design looking at various websites and how they have integrated Twitter. The post is from last year but some great examples non the less.
20 of the Best Typographical Portraits Found on the Web
Very cool post from Jared over at Design Juices showcasing 20 amazing typographical portraits! The Mr.T one is soo cool!
How to Shoot and Post-Process Professional HDR Photos in One Day
Interesting tutorial from Photo Tuts showing how to make HDR photos, from the point of taking the shot down to the editing process. Definately going to try this!