Tag Archives: tutorial
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
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
.NET LINQ from Scratch

.NET LINQ from Scratch

As software developers, we spend a lot of time extracting and displaying data from many different data sources. Whether it’s a XML webservice of some sort, or a full featured relational database, we have been forced to learn different methods of data access. Wouldn’t it be great if the method of access was the same for all data sources?

Read more
10 Hand-Picked Tutorials for Beginning Web Designers

10 Hand-Picked Tutorials for Beginning Web Designers

So you’re starting to show interest in web design, but are having trouble figuring out where to start?

Read more
Personal vCard Pt.2

Personal vCard Pt.2

Hello everybody welcome to the second part of the vCard layout tutorial.

Read more
JavaScript from Null: Chapter 5 – Events

JavaScript from Null: Chapter 5 – Events

As we move forward with JavaScript University, today, we’ll learn how to add event handlers to elements on the page. Unfortunately, this can be more cumbersome than we’d hope, due to the fact that Internet Explorer must always be the black sheep. Nevertheless, we’ll learn how to abstract these inconsistencies away to our custom utility function.

Read more
Create an abstract Valentine background with hearts

Create an abstract Valentine background with hearts

In this tutorial, you’ll see how to create an abstract Valentine background, using a simple shape from Custom Shapes Tool and crosshatch brush from Brush Tool. So let’s start! Final Image Preview Create a new document ( Ctrl+N ) in Adobe Photoshop with the size 1920px by 1200px ( RGB color mode) at a resolution of 72 pixels/inch . Using the Rectangle Tool (U) , let’s represent a big rectangle reserved for background we want to have. For this layer click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay : Click in the color bar to open the Gradient Editor and set the color stops as shown.

Read more
Creative 3D Layout

Creative 3D Layout

Good evening ladies, gents, boys and girls. Welcome to another tutorial from hv-designs, today il be showing you how to make a creative 3D layout.

Read more
Sexy Animated Tabs Using MooTools

Sexy Animated Tabs Using MooTools

One modern, attractive way of placing a lot of content into a little space is by using a tab system. This tutorial will show you how to create a sexy, animated tab system complete with CSS sprites, cookies, and animated tab swapping. Assumptions There are a few assumptions and notes that we’re going into this system with: We’ll be using the most recent version of MooTools: 1.2.4.

Read more
Create colorful background for Valentine’s Day

Create colorful background for Valentine’s Day

In this tutorial I’ll show you how to create a colorful background for Valentine’s Day, using Custom Shape Tool, Layer Styles, gradients, and other Photoshop tools. Let’s get started! Final Image Preview Create a new document ( Ctrl+N ) in Adobe Photoshop with the size 1280px by 1024px ( RGB color mode) at a resolution of 72 pixels/inch

Read more
How to Build a Newspaper Website with a Grid: New Plus Tutorial

How to Build a Newspaper Website with a Grid: New Plus Tutorial

In this week’s Plus video tutorial, you’ll learn how to utilize a grid to create a simple newspaper-like website. Along the way, you’ll learn helpful techniques, such as easy ways to target IE7 and IE6 with only a single character, using the 960 grid system, and even using CSS3 to create columns! It’s an hour long; ready to dig in?

Read more
Add Caching to a Data Access Layer

Add Caching to a Data Access Layer

Dynamic web pages are great; you can adapt the resulting page to your user, show other user’s activity, offer different products to your customers based on their navigation history, and so on.

Read more
Learn how to Write Lightning-Fast Code in 4 Minutes: Screencast

Learn how to Write Lightning-Fast Code in 4 Minutes: Screencast

We all know the benefits of using snippets and bundles to speed up our coding, but what if we could take things a step further, and turn a complex html structure into something as simple as a CSS selector? Well, thanks to a new project, called Zen-Coding , we can do this very thing! In this four-minute video quick tip, I’ll demonstrate how.

Read more
Using jQuery to Style Design Elements: 20 Impressive Plugins

Using jQuery to Style Design Elements: 20 Impressive Plugins

I know we covered different jQuery posts here but you guys don’t stop asking for more. So here we are again covering more jQuery Plugins doing what: Styling Design Elements. So today we need jQuery solutions that are a little more specific

Read more
20 Excellent Mootools Techniques for Rich User Interface

20 Excellent Mootools Techniques for Rich User Interface

The User experience has dramatically improved over the past few years, resulting in rich and responsive user interface. AJAX, javascript and CSS are widely used to offer users the dynamic interaction that they have come to expect from advanced, sophisticated, professional solutions. There’s a lot of powerful interactivity you can bring to your site to spice up just about any web page using one of the most powerful and modular javascript libraries— MooTools ! It’s important to note that small and useful features can cleverly deal with hiding and showing important information in non-traditional ways

Read more
Hosting Layout #3: Freebie

Hosting Layout #3: Freebie

Download the FREE PSD file of the Hosting Layout #3 layout. Enjoy. The Layout License and Attribution This PSD is licensed under the Creative Commons license and can be used for personal purposes ONLY .

Read more
Design a simple illustration for Christmas

Design a simple illustration for Christmas

In this tutorial, you’ll go through easy steps and techniques to design a simple illustration for Christmas. You’ll learn how to use the brush presets and modify its properties.

Read more
Monitor Icon: Free PSD

Monitor Icon: Free PSD

Download the FREE PSD file of the Monitor Icon Tutorial Enjoy. Monitor Icon License and Attribution This PSD is licensed under the Creative Commons license and can be used for personal purposes ONLY . Attribution is required and is always appreciated

Read more