Список популярных CSS фрэймворков

• YAML

Возможно использование YAML Builder для визуальной разработки структуры страниц

• Blueprint

– Blueprint Grid CSS Generator
– The Blueprint CSS Framework – Tutorials, How-to Guides and Tools
– The Blueprint Tools and Resources
– Boks – A Visual Grid Editor an Air application based on Blueprint CSS
– http://instantblueprint.com/

• Yahoo! UI Library CSS

– YUI CSS Grid Builder

• 960 Grid System

– онлайн генератор для 960gs Variable Grid System

• CleverCSS

• Tripoli

• LESS CSS Framework

• EZ-CSS

– как утверждают разработчики: «It is light (1kb), flexible, browser-friendly and easy to use!»

• BlueTrip CSS Framework

• Markercss

• Compass CSS Framework

– http://wiki.github.com/chriseppstein/compass/
– http://www.slideshare.net/superdeluxesam/about-compass

• Grid Designer

• Grid System Generator

– интересная система – позволяет создавать шаблоны с фиксированной разметкой на основе одного из четырех CSS фреймворков: 960 Grid System, Golden grid, 1kb grid, Simple grid system

Что интересного почитать:

• Список полезных инструментов для CSS разработчика
• CSS фрэймворки
• 60 Tools To Optimize Your CSS
• Прототипы с Grid 960 CSS Framework.

Остается только дописать backend и получается отличный инструмент.

Последняя версия плагина imgAreaSelect v0.8 совместима с jQuery 1.3.x.

Ссылки:
• Все примеры использования плагина imgAreaSelect
• imgAreaSelect on jQuery Plugins
• ImageCrop с помощью jQuery, плагина imgAreaSelect и PHP GD
• Создание превьюшек: PHP и плагин imgAreaSelect для jQuery
• Другой плагин: JCROP IMAGE CROPPING PLUGIN

Вот эти советы кратким списком:

1. Не использовать страницу с ошибкой 404, которая установлена по-умолчанию
2. Оформить страницу в стиле вашего сайта
3. Сделать её максимально простой
4. Разместить на странице ссылки на основные разделы вашего ресурса
5. Подходите к ее проектированию творчески, но не переусердствуйте

Оригинал статьи:
5 Tips to Make Your 404 Page More Usable

Что ещё можно почитать:
• Smashing Magazine: 404 Error Pages: Reloaded
• Smashing Magazine: 404 Error Pages, One More Time
• Creative 404 Error Pages Around for Inspiration
• 101 PURELY AWESOME 404 ERROR PAGES
• 25 Custom 404 Error Page Creative Design Concepts
• Google: Make your 404 pages more useful

Источник:
http://fresh.gui.ru/2009/03/24/5_tips-_make_your_40/

1. Patterix. Коллекция удачных интернет решений
2. Elements of Design: A Web Design Showcase
3. UI patterns
4. Patterns for Effective Interaction Design (паттерны из книги Дженифер Тидвелл “Разработка пользовательских интерфейсов”)
5. Interaction Design pattern library (коллекция паттернов собранная Martijn van Welie)
6. Yahoo! Design Pattern Library
7. Mobile UI design pattern
8. Design Patterns (Flickr)
9. Blink design library
10. Information Design Patterns
11. UI Pattern Factory
12. Pattern Tap
13. Design Patterns for Data Graphics
14. A collection of e-commerce interface and design elements
15. Design Patterns and Interfaces by Brian Christiansen
16. Книга “The Design of Sites” (Douglas K. Van Duyne, James A. Landay, Jason I. Hong)
17. Designing Social Interfaces patterns
18. namics UI Pattern Library
19. DrupalDance. Галерея элементов интерфейса
20. Шаблонные решения для web-сайтов (Webmascon)
21. factoryjoe’s photostream
22. SMASHING MAGAZINE RESEARCH SIGN-UP FORMS

 
Другие сcылки:
• Паттерны дизайна: Обязательные поля форм
• UI Patterns

• Favicon Generator
• Favicon.cc 
• Favicon.com.mx
• 20 лучших генероторов иконок
• http://www.genfavicon.com/
• http://favicon.image-generator.net/
• http://www.animatedfavicon.com/
• http://www.degraeve.com/favicon/

Почитать дополнительно:

• Favicon и заголовок окна 

Русскоязычные сайты:
http://cssing.org.ua/2008/06/23/rounded-corners-unusual-approach/
http://cssmake.ru/component/content/article/5–boxes/79-gradientcorners.html
http://habrahabr.ru/blog/webdev/47616.html
38 статей о создании закругленных углов на сайтах

Англоязычные:
http://blog.josh420.com/archives/2007/11/how-to-create-fluid-width-div-layers-with-rounded-corners.aspx
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
http://www.smileycat.com/miaow/archives/000044.php
http://www.schillmania.com/projects/dialog2/

дальше…

img {
  vertical-align: top;
}

Источник:
• Лишние отступы под изображениями в IE6,7
• Habrahabr: Убираем лишний отступ внизу изображения

http://habrahabr.ru/blog/web_design/32264.html

http://www.htmlbook.ru/content/?id=79

http://www.artevolve.ru/articles_03.htm

Ссылки на ресурсы по юзабилити

Книги по дизайну:

• Дизайн для НЕдизайнеров 2-е издание,      рецензия на книгу. Новое издание имеет код: ISBN 5-93286-116-9
• http://valera.ws/2007.11.05~web-designusabality/

Блоги:
http://www.birzool.com/

Программа для создание прототипов Axure PR:

http://guicci.ru/2006/12/08/axure-rp-pro-sredstvo-dlya-prototipirovaniya/

http://guicci.ru/2008/04/01/axure-the-best-for-sure-with-denwer/

http://guicci.ru/2008/04/06/axure-urok-1-sozdaem-globalnoe-menyu-sayta-na-zakladkah/

IEPNGFix v2.0 Alpha