Archive | Tutorials RSS feed for this section
jQuery .animate() – DAY 1: Horizontal Sliding Panel With jQuery

jQuery .animate() – DAY 1: Horizontal Sliding Panel With jQuery

We all have seen all those fancy jQuery plugins and said wow. What if you just need to add a simple animation or transition effect to your design without the need to use any jQuery plugin. The jQuery library provides several techniques for adding animation to a web page.

Read more
60 Beautiful Clean and Light Web Designs for Inspiration

60 Beautiful Clean and Light Web Designs for Inspiration

To be unique and original, you need to have a good source of inspiration. You can get inspiration from music, family and friends, even other people’s work, to get a great design idea. To help, we bring you this collection of light and clean websites, separated into different categories

Read more
Fun with Canvas: Create a Bar Graphing Plugin, Part 2

Fun with Canvas: Create a Bar Graphing Plugin, Part 2

In this two-part series, we’ll combine the versatile canvas element with the robust jQuery library to create a bar graphing plugin.

Read more
Fun With Canvas: Create a Bar Graphing Plugin, Part 1

Fun With Canvas: Create a Bar Graphing Plugin, Part 1

In this two-part series, we’ll combine the versatile canvas element with the robust jQuery library to create a bar graphing plugin. In this first part, we are going to code the core logic of the plugin as a standalone version. Today, we are going to create a bar graphing plugin

Read more
Quick Tip: Learning About HTML5 Local Storage

Quick Tip: Learning About HTML5 Local Storage

In today’s video quick tip, we’re going to build a working, though very basic, to-do list in just a minute or two. Thanks to HTML5’s local storage, we can make advanced browsers “remember” what we type, even after the browser is closed or is refreshed. Subscribe to our YouTube page to watch all of the video tutorials! Or, watch this video on Screenr.com .

Read more
Setting up a Rails Server and Deploying with Capistrano on Fedora from Scratch

Setting up a Rails Server and Deploying with Capistrano on Fedora from Scratch

This article and video tutorial will teach you how to setup a basic Fedora server for Rails and PostgreSQL deployments. First, we’ll setup Apache and PostgreSQL

Read more
A Complete Guide to VPS Hosting

A Complete Guide to VPS Hosting

Web hosting is a tricky business – there are a wide variety of options out there designed to fit a wide range of needs, but like with most things, there are trade-offs. Shared hosting is usually cheap and easy, but the resources are limited

Read more
How to Find and Remove Broken Links in Your Website

How to Find and Remove Broken Links in Your Website

Broken links are links that lead to pages that do not exist. When clicking on a broken link, the page you land on is called a 404 error page , a standard HTTP response that indicates that the requested URL doesn’t exist. What do you do when you happily surf the web and suddenly come across a 404 error?

Read more
How to Create Inset Typography with CSS3

How to Create Inset Typography with CSS3

In this tutorial, we’ll create inset type, a popular text treatment , using CSS. If you follow Six Revisions closely, you’re probably thinking: “Jacob already wrote a Photoshop tutorial on how to do that.” That is correct, but this time we are going to do it using only CSS. I set out to recreate the How to Create Inset Typography in Photoshop tutorial, and after experimenting with some fresh and new CSS3 properties, I was able to make a similar type treatment.

Read more
Custom WordPress Homepage with Customizable Widgets

Custom WordPress Homepage with Customizable Widgets

In this Tutorial, you’ll learn how to build a Custom homepage for your WordPress Theme using Page Templates: Complete with a featured content slider, and customizable Widgets. Quick Nav: Making a Template File Featured Content Slider JavaScript Custom Widget Areas in WordPress Templates Materials Needed: Wordpress Text Editor Note: any text editor will work

Read more
20 New & Extremely Useful Mac Apps For Web Designers

20 New & Extremely Useful Mac Apps For Web Designers

Whichever type of Mac user you are, today’s post will certainly help you in completing your day-to-day tasks, develop & code projects and make your Mac as fast and clean as possible. For this post we tried to get you the best selection of New Mac Apps that will help you be a more efficient designer. Though, not many applications mentioned here are free, you do receive a good range of features for your money.

Read more
How To Design a 3D Glass Icon in Photoshop

How To Design a 3D Glass Icon in Photoshop

Learn How To Design a translucent 3D Frosted Glass Box based on the Safari Icon in Adobe Photoshop. Quick Nav: Tutorial Download the PSD (Source Files) Step 1: Setting Up Make a new document with these settings: Next, select the fill tool (G) and fill it with #626262 . Now, we need to make a new adjustment layer

Read more
Coding your First jQuery UI Plugin

Coding your First jQuery UI Plugin

jQuery contains the fn.extend() method, which makes authoring jQuery plugins quite easy, allowing us to write code that is used in exactly the same way as other jQuery methods. jQuery UI also contains structures that make authoring custom jQuery UI plugins easy

Read more
Quick Tip: Private Variables in JavaScript

Quick Tip: Private Variables in JavaScript

Because of JavaScript’s dependence upon globals, it might be easy to forget that creating private variables can be accomplished quite simply, thanks to closures. In just a few minutes, I’ll demonstrate two common techniques which allow for private variables and methods in your projects. Watch on your iPhone The key to this particular method is to create a variable that is equal to the returned value of a function

Read more
MooTools 1.2 Beginner’s Guide Book

MooTools 1.2 Beginner’s Guide Book

I have written a book with Garrick Cheung about the MooTools JavaScript framework called ” MooTools 1.2 Beginner’s Guide ” published by Packt Publishing . It’s a book for beginning web developers looking to make interactive websites and web applications rapidly with the help of MooTools. The book is formatted in a way that teaches you by way of practical examples that you can apply to real-world situations.

Read more
AutoCAD to Photoshop

AutoCAD to Photoshop

There are many reasons why you might want to move your AutoCAD drawings into Adobe Photoshop. You may have realised by now that although AutoCAD is great for creating accurate, clear and intelligent drawings, it often is found wanting when it comes to presentation. Various add-on applications have been written to improve and extend the use of AutoCAD into the presentation arena.

Read more
CSS Fundamentals: CSS 3 Transitions

CSS Fundamentals: CSS 3 Transitions

As CSS3 rolls out around the web, it is bringing some interesting new presentational techniques along with it.

Read more
The Comprehensive Guide to Saving Images for the Web

The Comprehensive Guide to Saving Images for the Web

On the surface, saving images for the web can be a pretty straightforward process. However, if you dig deeper there’s a wealth of information and techniques you might be missing out on. This article will focus primarily on the diverse features of Photoshop’s “Save for Web & Devices” command along with some best practices related to saving images that are optimized for web use

Read more
Getting Started with CodeIgniter and How to Create All Those Great Apps

Getting Started with CodeIgniter and How to Create All Those Great Apps

Choosing a good PHP frameworks can help you develop complex Rich Internet Applications quickly, with a best practices oriented approach, and saving a lot of time reusing code snippets that are already available. There are a lot of interesting PHP frameworks you can choose for your next web project. Today we will focus on one of my favorite PHP Frameworks: CodeIgniter

Read more
Free XHTML Template Pack: Classic Luxury

Free XHTML Template Pack: Classic Luxury

Classic Luxury is a high quality, clean and simple CSS-based template with three custom pages created by CssTemplateHeaven exclusively for Six Revisions readers. It is clean and has a lot of whitespace and nice typography. The code is well-organized and uses standards-based HTML and CSS

Read more