Hey guys. Today I’m going to teach you how to create a useful hover-based user interface using jQuery, CSS3, HTML5 and @font-face. Why a hover-based interface? you might ask. Well, with the popularity of touch-based web applications simplifying the way that people can use sites on mobile devices, I think that there’s room for us to look into ways of making it even easier for people to use sites in desktop-based browsers too. Today’s project,WanderWall, achieves that and what we’ll be creating today could easily be used for a portfolio or business site but the concepts you’ll learn could certainly be used to expand the idea further.
Click here to read more »
Hey guys. This week I thought it would be interesting to go through some of the core features being introduced in CSS3 that would be of interest to web designers in under 5 minutes.
What better way to learn these than through a live example?.In today’s screencast I teach you how to take a plain CSS2 button and turn it into a crisp CSS3 button that’s just as good as it’s professionally designed Photoshop counterpart. There are no images used at all – just regular CSS3. To watch, just click here or the image above to go to the dedicated micro-site for this screencast.
Click here to read more »
Hey guys. In today’s post I’d like to present a new jQuery & CSS3 demo I wrote called RocketBar. Let’s explore why I created it. Everyday on the web there’s something that we all do, almost regardless of the site that we’re on – we scroll down. If we’re reading a blog post, looking through a product description or even just scouring through eBay listings..in every case we need to scroll back up to the top of the page if we want to use the site navigation again or perform a site search. RocketBar is a simple solution for this which shows you how you can easily provide your users a persistent form of site navigation without them needing to scroll back up.
Click here to read more »
Hey guys. As a follow up to HTML5 in Under 5 Minutes, in this week’s screencast I’m going to show you how to create a useful piece of jQuery code for making your own graphical tooltips and the I’m going to show you how to turn it into a fully customizable jQuery plugin. Click on the preview above to go to the dedicated micro-site for this screencast or here to start watching it now. You can also download the sources from that page. I hope it helps!
Hey guys. I recorded you a screencast on HTML5 over the weekend – I hope you like it!. It covers a lot of the core features HTML5 will bring including code samples for any material covered. Just click on the HTML5 thumbnail above to be taken to the HTML5 in under 5 minutes micro-site where you can play or download the screencast. I hope it comes in useful! Thanks – Addy.
Hey guys. I’ve got a brand new jQuery plugin for you today. Let’s talk about the problem we’re going to be solving with it first: Broken links and 404 Errors are a problem that have plagued almost all websites since the dawn of the internet – they’re just a really bad user experience and we’ve all encountered them.
There’s nothing attractive about clicking a link hoping that it’ll take you to your destination only to find out that the page doesn’t exist. In most cases you’re left having to figure out what to do next – do you hit the back button? do you go googling the file to see if you can find it?. In some cases they can be a total show-stopper, so what can we do to change that?.
Today I’d like to present a new jQuery Plugin I wrote called Catch404. Through the magic of jQuery we’re going to catch 404 errors without your users even having to leave the page and then suggest some other options they’ve got using an inline jQuery Modal window. So, why it this useful and how does it work?.
Click here to read more »
