300 Images From 1800 Sites

300 Images From 1800 Sites: "300imagesfrom1800sites"

The author says: "I started gathering little, iconesque web images for myself so that I could compare, contrast, and study the techniques used by other graphic artists on the web. My initial pool of images looked so interesting that I decided to continue methodically hunting and capturing the icons for a public display piece."

All Images are © by their owners. Please do not steal!

PhotoshopSupport.com

Free Photoshop Tutorials & Photoshop Tips

Here are the first installments of free Photoshop tutorials by Jennifer with more coming soon.

Working With Type In Photoshop CS2
Learn how to work with the type tools in Photoshop CS2.
Working With Layers In Photoshop CS2
Learn how to work with layers in Photoshop CS2.
I See iPod People — The Photoshop Silhouette
Learn how to make an iPod ad Silhouette in Photoshop.
Photoshop Web Template — Web Site Design Tutorial
Learn how to make a Photoshop web template with this web site design tutorial.
Blog Templates — Blog Design Tips And Resources
Tips on how to improve blog templates with your own designs. Includes resources.
Photoshop Keyboard Shortcuts
Learn how to edit and create sets of keyboard shortcuts in Photoshop CS and CS2.
How To Fix Overexposed Images In Photoshop
Two quick techniques to help you fix overexposed images in Photoshop.
How To Fix An Underexposed Photo In Photoshop
Two simple techniques that can make dark photos look great.
How To Wrap Text Around An Object In Photoshop
A quick and easy technique to wrap text around an object.
Tips And Tricks For Beginners
Photoshop tips and tricks that will save you lots of time down the road.
Create A Sepia Tone Effect In Photoshop
A simple way to create a Sepia Tone effect in Photoshop.
Turn A Photo Into A Sketch For Making Coloring Books
Want to make a coloring book? The first step is to turn a photo into a sketch.
The Night Vision Thing — A Photoshop Recipe
Learn to create the greenish glow associated with photos from night vision devices.
Resize Images Without Losing Sharpness
This simple trick will eliminate the dreaded blur often found after resizing.
Pixel Fonts To The Rescue
All about Pixel fonts — how to use them and where to get them.
Mysteries Of The Favicon.ico — How To Create A Favicon In Photoshop
Learn how to create tiny custom icons that appear in the address bar of a web browser.

CSS Techniques Roundup - 20 CSS Tips and Tricks

CSS Techniques Roundup - 20 CSS Tips and Tricks

Pete Freitag is a software engineer, and web developer located in central new york.

Here are 20 CSS techniques, tips and tricks from Pete Freitag that you may find handy:


Rounded Corners
Rounded Corners without images
Creating a Netflix style star ratings
Tableless forms
Styling Lists with CSS
2 Column Layout Technique
3 Column Layout with CSS
3 Column Fixed width centered layout
Printing with CSS
Adding a CSS stylesheet to an RSS feed
Footer Stick
CSS Element Hover Effect
Styling Horizontal Rules
Clearing Floats
CSS Popups
Box Punch
CSS Badge
Orange RSS Buttons with pure CSS
10 CSS Tricks you may not know
10 More CSS Tricks you may not know

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