Один из столпов современного промышленного дизайна Дитер Рамс (Dieter Rams) провозгасил свои 10 принципов хорошего дизайна:

1. Good design is innovative
2. Good design makes a product useful
3. Good design  is aesthetic
4. Good design makes a product understandable
5. Good design  is unobstrusive
6. Good design  is honest
7. Good design is long-lasting
8. Good design  is thorough, down to the last detail
9. Good design  is environmentally-friendly
10. Good design is as little thing as possible

Перевод есть здесь

И я сделал себе обои на рабочий стол с этими фразами — на мой взгляд, на рабочем столе так чисто и должно быть
Предлагаю к просмотру и скачиванию:

Схему разработала Виктория Бузник.

Речь идет о том, как потребитель может превратиться в партнера.

Схема партнерских отношений

В основе этого процесса — качественное выполнение своей работы с тем, чтобы превысить ожидания заказчика. Цель — вызвать восхищение. Выгоды очевидны: уменьшение времени выхода на рынок, уменьшение рисков, повышение удовлетворенности потребителей.

В случае, когда заказчик доволен работой чуть более, чем полностью, он готов порекомендовать исполнителя своим коллегам и знакомым («рынок рекомендателей»). От них он тоже получает обратную связь и, если она позитивная, то желание работать и лояльность к исполнителю повышается.

Партнерские отношения формируются в процессе последующей работы.

Это всего лишь схема, здесь никто не претендует на истину, и я — не маркетинговый гуру. Все заинтересованные приглашаются в комменты.

Скачать в .pdf

Так пользователям нужно будет переключать раскладку всего один раз (при условии, что имя и сообщение (например) набираются на одной раскладке, а емейл и сайт — на другой).

Слева - по умолчанию в Вордпрессе, справа - сейчас на этом сайте

Интро

Во время работы над сайтом Трипільське коло (скоро отчет), появилась потребность сделать Facebook Like Box (такой большой, с лицами тех, кто залайкал страницу).

И «чтобы было красиво», по ширине блок должен полностью заполнять боковую колонку с динамической шириной (30%).

Проблема в том, что этот блок генерируется в iframe, в котором сам текст заключен в div с фиксированной шириной, которую можно задать при создании виджета. То есть, даже если прописать для iframe style="width: 100%", это не исправит ситуацию.

Решение внутри

Вникаем в код

Чтобы показать фейсы iframe обращается к файлу плагина с такими параметрами:

http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftkfest&width=300…,
где width - ширина в пикселях.

Я воспользовался jQuery, чтобы найти ширину родительского элемента и подставил её в width.

var iwidth = jQuery('#right').outerWidth();
var iparams = "http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftkfest&width="+iwidth+"&colorscheme=light&show_faces=true&stream=false&header=false&height=282";

При первой загрузке скрипт находит ширину #right и подставляет ее, потом генерируется html-код.
Готовый вариант: (вместо #parent подставить свой родительский элемент, а вместо tkfest — имя своей страницы)

<script type="text/javascript">
jQuery(document).ready(function(){
var iwidth = jQuery('#parent').outerWidth();
var iparams = "http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftkfest&amp;width="+iwidth+"&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=false&amp;height=282";
jQuery('#fb_like').html('<iframe id="fb_i" src="'+iparams+'" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height: 285px" allowTransparency="true"></iframe>');
})
</script>
<div id="fb_like"></div>

Работающий пример.

Вроде работает Я не специалист JS/jQuery, и предполагаю, что этот код не совсем корректен.
Пожалуйста, поправьте меня, где неправильно.

Это выжимка из моего почти трехлетнего опыта. Я не претендую ни какие звания в этой области, так как фото для меня — это хобби.
Здесь выкладываю pdf-ник (11 mb), которым я пользовался. Внутри красивые фотографии.

Презентация прошла успешно, попросили написать статью на эту же тему для Pentaxnews.ru. Надеюсь, что до конца декабря она появится.

—————-
Now playing: John Scofield — Shoe Dog
via FoxyTunes

Нужно ввести количество вопросов, которые нужно готовить к экзамену и Оракул скажет, какие из них нужно учить.
Проверено лично в реальных условиях — попадание 50%.

Предлагаю Вашему вниманию набор обоев из фотографий, которые я сделал в Новом свете в начале мая.

«Цветочный крест»

Скачать: 1280×1024 | 1440×900 | 1600×1200 | 1920×1080

Перешеек и телевышка

Скачать: 1280×1024 | 1440×900 | 1600×1200 | 1920×1080

Шмеле

Скачать: 1280×1024 | 1440×900 | 1600×1200 | 1920×1080

Масштаб

Скачать: 1280×1024 | 1440×900 | 1600×1200 | 1920×1080

Маки 1

Скачать: 1280×1024 | 1440×900 | 1600×1200 | 1920×1080

Маки 2

Скачать: 1280×1024 | 1440×900 | 1600×1200 | 1920×1080

Голубая бухта

Скачать: 1280×1024 | 1440×900 | 1600×1200 | 1920×1080

Здесь — держатель для карандаша из двух биндеров и колпачка от ручки.

50+ бесплатных иконок и картинок, кликабельно

по материалам SmashingMagazine