Photoshop Tutorials - Tutorial Select

http://www.tutorialselect.com/ is a good source for handy tutorials that help in everyday photoshop work.

FireFox Search Plugins are availalble for searching tutorials on Photoshop and PHP topics.

CSS and Round Corners: Build Boxes with Curves

CSS and Round Corners: Build Boxes with Curves

One of the main reasons why designers use images on a Web page is to create curves and round corners. It's currently impossible to create any kind of curved shapes using pure HTML, so images need to be applied.

The problem? Putting these images into an HTML document with a table layout can create a large amount of superfluous code. In this tutorial, author Trenton Moss uses CSS to create this box with round corners, without an 'img' tag in sight!

The Code:
Our finished HTML now looks like this:

div class="bl"
div class="br"
div class="tl"
div class="tr"
Lorem ipsum dolor sit amet consectetur adipisicing elit
/div
/div
/div
/div

div class="clear"
 
/div

Here's the CSS that makes it all happen:

.bl {background: url(bl.gif) 0 100% no-repeat #e68200; width: 20em}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

Cross Browser DHTML

Cross-Browser.com is an outlet for Mike Foster's DHTML hobby. This site features X - a cross-browser DHTML javascript library, and many demos, applications, articles and documentation.

The X library is designed for Opera 5+, Mozilla, Firefox, Safari, Netscape 7.x, Internet Explorer 4+, Konqueror, Netscape 4.x and browsers with similar object models. Object-detection (instead of browser-detection) is used as much as possible.

Painting in Photoshop - The Basics

by Nykolai Aleksander

Index of Full tutorial with contents below:

Basic PS Settings

• Scratch Disk Settings
• Opening a new file & Canvas Settings
• Changing Colours
• Canvas Sizes
• Docking Palettes

PS Brushes

• Which Brushes to use?
• Basic settings
• Installing Brush Sets
• Loading Brush Sets
• Making Custom Brushes

Drawing Tablet

• Changing settings
• Getting used to the pen - exercises

Use of Colour

• Grass isn't always green
• Colour Theory (by Socar Myles)

The Use of Layers

• The Meaning of Icons
• Creating Layers & naming them
• Moving Layers in the Palette
• Merge Visible Layers
• Merge Linked Layers
• Layer Sets
• From Scan to Transparent Layer
• Transforming Layers
• Flatten Layers

Painting

• Do I need to be able to draw to paint in PS?
• Pre-painting sketches - yes or no?
• Basic detailed painting steps
• Saving your Painting
• Special: Evil Tools

One last piece of warning: If you are hoping for a magic solution, there is none. You will not become a great painter overnight - it takes some time, patience and practice.

Free Usability Resources

PDF documents available for download from resources at infodesign.com.au.

Topics include:

General

• Affinity Diagramming
• Writing Usability Reports
• Facilitation Techniques
• Usability for Technical Communicators
• Handling Logged Data
• Pre-publication Checklist
• Website Redesign - a Case Study
  
• Reading List

Analysis

• Contextual Enquiry
• Contextual Enquiry Report
• User Profile Forms
• Site Visit Materials

Design

• Scenarios
• Card Sorting
• Paper Prototyping Graphics
• Participatory Design
• Documenting a User Interface

Evaluation

• Conducting Walkthroughs
  
• Usability Testing
• Minimal Test Lab
• Usability Testing Materials
• Conducting Usability Reviews
• Usability Testing Mistakes
• Web Evaluation Materials
• Voice Interaction Evaluation Checklist
• Structure Evaluation

gotomedia : resources

gotomedia : resources :

Goto Guides

Many have found the following goto guides (PDFs) to be helpful Usability resources. These were originally created as resource material for Kelly's regular lectures and eventually evolved into her 281 page book, Web ReDesign | Workflow that Works.

• Setting the Stage, 2000 [PDF 485k]
  
• Usability Testing, 2000 [PDF 776k]
  
• Web Design Workflow, 2000 [PDF 1.9mb]
  
• Enhancing Creativity, 2002 [PDF 468k]

Techniques

The Macromedia Website Production Management Techniques site represents a joint effort by Macromedia and Kelly Goto.

• Client Survey [RTF]
  
• Creative Brief Worksheet [RTF]
  
• Creative Brief Sample [RTF]
  
• Technical Survey [RTF]
  
• Budget Tracker [ZIP]
  
• User Profile Sample [RTF]
  
• AC (additional charges) Form [RTF]
  
• Meta Tag Worksheet [RTF]

Lombergar.com - Free Photoshop video tutorials

Lombergar.com - Free Photoshop video tutorials

Here you will find free Photoshop training trough video tuition - each of the tutorials will teach how to achieve a cool technique

PDF Book - Research-Based Web Design & Usability Guidelines

FREE Download - full 128 pages book :
Research-Based Web Design & Usability Guidelines from http://usability.gov/pdfs/

Guidelines by Chapter

Chapter 01 – Design Process and Evaluation (6 pages)
Chapter 02 – Optimizing the User Experience (6 pages)
Chapter 03 – Accessibility (4 pages)
Chapter 04 – Hardware and Software (3 pages)
Chapter 05 – The Homepage (5 pages)
Chapter 06 – Page Layout (6 pages)
Chapter 07 – Navigation (6 pages)
Chapter 08 – Scrolling and Paging (3 pages)
Chapter 09 – Headings, Titles, and Labels (5 pages)
Chapter 10 – Links (8 pages)
Chapter 11 – Text Appearance (4 pages)
Chapter 12 – Lists (4 pages)
Chapter 13 – Screen-based Controls (Widgets) (10 pages)
Chapter 14 – Graphics, Images, and Multimedia (7 pages)
Chapter 15 – Writing Web Content (5 pages)
Chapter 16 – Content Organization (5 pages)
Chapter 17 – Search (4 pages)

Essential Bookmarks

Essential Bookmarks - Links to great webdesign resources

Topics include:

CSS
XHTML
PHP
Usability
Accessibility
Design
Inspiration
SEO
RSS
Validation
Miscellaneous

Styling even more form controls | 456 Berea Street

A question that is frequently asked in forums like the css-discuss mailing list is how to style form controls in a consistent way across platforms. Most of the time, the question is asked by someone who has just tried to do that, and noticed the difference in rendering across browsers and operating systems.

Styling even more form controls | 456 Berea Street