Remove Scrollbar from Textarea in IE

søn, mar 7, 2010

Kommentarer slået fra

By default all versions of IE have a scrollbar on textareas, even when they are empty.

No other browsers do this, so if you want to remove it so IE can visually match other browsers, just:

textarea { overflow: auto; }

The scrollbar will return (rightfully) when the text in the textarea expands beyond it’s bounds.

Tags: , , , ,

How to Create Scotch Tape in Photoshop

søn, mar 7, 2010

Kommentarer slået fra


How to Create Scotch Tape in Photoshop

Are you interesting in how to make realistic view scotch tape by using Photoshop tools? If yes, then I will teach you how to make it. I got this effect by experimenting.

 

So, lets start! First of all create a new document sized 500×300 pixels. Select some appropriate color, for example #a13503 and fill your canvas with it.

How to Create Scotch Tape in Photoshop 01

Tags: , , , , , , , ,

Creating a simple Blog System – Part 1

tors, mar 4, 2010

Kommentarer slået fra

Part 1 – Overview of Functions, Database & Files

Overview

In this tutorial we’ll be creating a very simple blog system. We won’t be using OOP yet in this tutorial. For creating a Blog using OOP in PHP, another more advanced tutorial will be written and posted as well. The same goes for creating a more advance CMS. However in this tutorial will just be creating a simple Blog system with php functions. Functions will be created for:

  • Connecting to Host & DB
  • Adding posts
  • Deleting posts
  • Adding replies
  • Deleting replies
  • Creating categories
Tags: , , , , , , , , , , , , , , , , ,

Creative Button Animations with Sprites and JQuery (Part 1: Photoshop)

ons, mar 3, 2010

Kommentarer slået fra

This tutorial will show you how to build creative hover animations for buttons using sprites. The particular effect illustrated in this tutorial is inspired by the “Download” buttons on Tutorial9.net. Part 1 of this tutorial explains the design process in Photoshop. In Part 2 we will convert it to XHTML + CSS and as a bonus we will also use jQuery for a fading hover effect.

Skip to Part 2: (Demo files available for download)

Tags: , , , , , , , , , , , , , , ,

Creative Button Animations with Sprites and JQuery (Part 2: CSS, XHTML, JQuery)

ons, mar 3, 2010

Kommentarer slået fra

In Part 1 of this tutorial, you designed a button sprite that will be coded with HTML, CSS, and JQuery in this part of the tutorial.

If you do not want to complete part one of this tutorial, you can download the source files created in that lesson here.

Step 1 – HTML

Different people will require a button for different purposes. The remainder of this tutorial will explain a simple scenario where the button functions as a simple download link. Create a link to an imaginary (or real) file for download:

Tags: , , , , , , , , , , , , , , , , , ,

How To Design a 3D Glass Icon in Photoshop

ons, mar 3, 2010

Kommentarer slået fra

Learn How To Design a translucent 3D Frosted Glass Box based on the Safari Icon in Adobe Photoshop.

Step 1: Setting Up

Make a new document with these settings:

Setting Up

Next, select the fill tool (G) and fill it with #626262. Now, we need to make a new adjustment layer. Make a brightness/contrast layer (Layer > New Adjustment Layer > Brightness/Contrast). Put it on these parameters.

Adjustment Layer Parameters

We add this adjustment layer so as everything looks better in the later stages.

Step 2: Making the Circle

Select the circular marquee tool and use these settings:

Tags: , , , , , , , , , , , , , , , , , , ,

Design a Prettier Web Form with CSS 3

ons, mar 3, 2010

Kommentarer slået fra

Thanks to advanced CSS properties, such as gradients and shadows, it’s now quite easy to turn a dull web form into something beautiful – with minimal effort. I’ll show you how in today’s tutorial!

 


 

Our Final Product

Subtle background gradients give depth to the fields while shadows lift them from the page. Even more impressive is that this is done without any images at all.

By following this tutorial you will not only end up with a lightweight and beautiful form, you’ll also learn and understand new CSS3 techniques, such as box-shadow, gradients, opaque colors, and rounded corners.

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Create Textured European Goldfinch Characters

ons, mar 3, 2010

Kommentarer slået fra

Make a unique character design of a European Goldfinch with paint splatters and textures. The techniques used will be Live Trace, Pathfinder, Transparency, Distort, Warp and Clipping Masks. We’ll give this character a unique look and fun personality.

 

Final Image Preview

Below is the final image we will be working towards.

Tutorial Details

  • Program: Adobe Illustrator CS3
  • Difficulty: Beginner
  • Estimated Completion Time: 2 hours

Step 1

First I searched for different photos of the Goldfinch and made some realistic sketches. This way I get to know the subject and can experiment with different poses. Use simple shapes to form your character. We will add details later, first make sure the basics look right.

Tags: , , , , , , , , , , , , , , , , , ,

Design a Clean Business Layout

ons, mar 3, 2010

Kommentarer slået fra


This tutorial will teach you how to create a clean portfolio layout, or business layout. A few days ago someone asked me to create a tutorial without so many details. I will show you how you can create a very simple layout in just a few steps. You don’t need to be a pro to create such a layout.

 

Create a new document in Photoshop with the following size: 1000 px wide, and 1100 px height.
I will set my foreground color to #1e1e1e, and with Rectangle Tool I will create a shape on the top of this business layout.

Tags: , , , , , , , , , , , , ,

Find all Internal Links

ons, mar 3, 2010

Kommentarer slået fra

Find all links that start with the sites domain, a slash, relative file path, or a hashtag.

var siteURL = "http://" + top.location.host.toString(); var $internalLinks = $("a[href^='"+siteURL+"'], a[href^='/'], a[href^='./'], a[href^='../'], a[href^='#']");

Tags: , , , , , , , ,