Archive | Tutorials RSS feed for this section
CSS3 Tutorial: Gradients, Rounded Corners and Transforms – Part 2

CSS3 Tutorial: Gradients, Rounded Corners and Transforms – Part 2

After all the fun with CSS Gradients in my previous post, its time to get on to some other useful CSS tricks. With rounded corners and transforms, creating buttons and other interesting shapes becomes not only fun, but incredibly useful for designers and developers alike. Editing the shape has never been so easy.  So without [...]

Read full story Comments { 0 }
How to Turn Off Java Script With A Chrome Extension

How to Turn Off Java Script With A Chrome Extension

Those of you in the SEO world know how important it is to view a website with and without Javascript, and if you’re like me and love the Chrome browser you’ve also gone to bed envious of how easy it is to do this in Firefox. Sleep well tonight friends because I have the answer [...]

Read full story Comments { 0 }
CSS3 Tutorial: Gradients, Rounded Corners and Transforms – Part 1

CSS3 Tutorial: Gradients, Rounded Corners and Transforms – Part 1

The introduction of CSS3 into the web designers aresenal has been a key to creating and implementing trends throughout the web design world.  Not only is it great for designers to take advantage of features such as transforms, rounded corners and gradients, but it also makes the whole website much tighter for SEO purposes. It [...]

Read full story Comments { 0 }
Custom Bullets Using CSS Tutorial

Custom Bullets Using CSS Tutorial

Custom bullets using css are a unique and subtle way to improve your website design. Not only are they a perfect way to add some colour to break up heavily worded pages, they’re also a great way to show your clients you care about even the smallest of details. Today I thought I would give [...]

Read full story Comments { 0 }
Tutorial: Recreate Earth in After Effects

Tutorial: Recreate Earth in After Effects

Have you ever wanted to create a realistic looking earth?  Well I have a treat for you today.  It’s all about recreating our pale blue dot into a bright blue earth. Let’s get started! Step 1: Create a “Main” composition and a black solid layer to go with it. This will act as your background. [...]

Read full story Comments { 0 }
Monitor Calibration: The Only Guide You’ll Need

Monitor Calibration: The Only Guide You’ll Need

Thankfully, with today’s LCD/LED technology, monitors are more accurate and consistent right out of the box than CRT’s of yesteryear. Gone are the, strangely now popular vampire complexion and Canadian tourist heading down south to tropical climes for winter vacation and falling asleep on the beach the first day for seven hours tan that would [...]

Read full story Comments { 0 }
Augmemted Reality: Ravenshoe Group Logo

Augmemted Reality: Ravenshoe Group Logo

As a follow up to 3D Model, Collada Format with Blender, take a look at our Ravenshoe Logo in real time 3D, here’s what you’ll need to get started: Print out the augmented reality marker (PDF [25kb]). Turn on your webcam and turn off any of your web browser’s pop-up blockers. Hold the printed marker [...]

Read full story Comments { 3 }
Chrome Text Photoshop Tutorial

Chrome Text Photoshop Tutorial

Have you spent several hours trying to create chrome text and it just doesn’t look right? I have created a simple tutorial with 6 easy steps to creating beautiful chrome text you can use again and again. Step 1: Start by creating a text layer. Hint: Keyboard shortcut ( T ) to select the type [...]

Read full story Comments { 0 }