Category Archive: Under 10 Minutes

CSS3 In Under 5 Minutes – A Very Useful Screencast

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 »

How To Create A jQuery Plugin In Under 5 Minutes – A Helpful Screencast

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!

HTML5 In 5 Minutes – A Screencast You Just Can’t Miss!

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.

jQuery & CSS Sprite Animation Explained In Under 5 Minutes

 

Today we’re going to take a look at sprite animation. There’s been a lot of talk this year about the future of technologies like Adobe’s Flash and for good reason – with the performance of JavaScript frameworks having come so far since they were first conceived, it’s now possible to create equally as powerful animations and effects without needing to use any third party plugins.In today’s screencast I’m going to show you what a sprite is and just how easy it can be to create an entire animated scene using jQuery, CSS & Sprites. You’ll also get to see some pretty cool out-in-the-wild examples of jQuery Sprite Animation in action, so why not check it out in my screencast below!

Click here to read more »

Fluid Navigation – How to create an informative menu-bar with jQuery & CSS

 fluia

 

After a few weeks away in the US, I’m back with a brand new jQuery post – this week taking a look at a new style of navigation menu. jQuery has made it simple for developers to define an idea or wireframe for a component and then implement it reasonably quickly, which has certainly helped it become the most popular JavaScript Framework out there at the moment. I feel like some of the navigation options out there right now don’t provide you with enough information about the sections of a site you can visit, so today we’re going to learn how to create a menu that solves this problem. 

 

Click here to read more »

How to Create A JavaScript Carousel From Scratch In Under 10 Minutes

Hi everyone and welcome to part 2 of my "Learn in 10 Minutes" series. Last week I showed you how to learn everything about CSS Sprites and this week I thought we’d take a look at some JavaScript. In this article you’ll learn how to create your very own JavaScript Carousel from scratch in under 10 minutes so without further delay, let’s begin! Click here to read more »