Привет. Я предсталяю вашему вниманию саммари на четыре прочитанные мною книжки: «Незаменимый» Сета Година, «Я слышу вас насквозь» Марка Гоустона, «Агрессия» Конрада Лоренца и «Позитивная иррациональность» Дэна Ариели. Саммари — это выжимка основных идей книги, концентрат идей и смысла. Саммари познакомит вас с книжками и поможет узнать много нового. Итак, поехали!

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

А теперь, собственно, инфографика о том, как устроены номера банковски карт (600*1800px 280KB):

Дизайн простого логотипа иногда бывает серым и скучным, если разрабатывается без доли воображения. Многие популярные бренды имеют простые, но в то же время эффективные логотипы. Вспомните дизайн логотипа знаменитого FedEx. Он выглядит элементарным и безыскусным, но на самом деле это отличная идея со скрытым смыслом, который заключается в стрелочке между буквами «E» и «x». Эта стрелка символизирует развитие и успех компании.

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

Представьте ситуацию. Вы разрабатываете сайты. Хорошие сайты для хороших людей. Ваши рекламные кампании работают давно, вы вышли на хороший уровень ROI, заказы идут с завидной периодичностью. Все казалось бы хорошо, пока в один прекрасный день мы не получаем кучу писем от Директа, о том что мы кем-то вытеснены с насиженных позиций. Мы идем в выдачу и видим на своей любимой позиции незнакомый сайт конкурента. Естественным нашим желанием будет узнать что это за фрукт и на основании этой информации принять стратегическое решение – ввязываться ли в войну бюджетов (если это серьезный и жирный конкурент) или подпереть снизу и помочь слить бюджет (если это мелочевка).

«Но это же невозможно!» – Скажете вы. – «Любая система контекстной рекламы руководствуется принципами закрытого аукциона и не предоставляет своим рекламодателям информацию о конкурентах. Мы ведь не знаем ни ключевых запросов конкурента, ни настроек его РК. Не знаем использует он минус-слова или кавычки. Самое главное – мы не знаем его ставок и CTR»

Спокойствие, только спокойствие! (с)

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

Цель настройки любой рекламной кампании сводится к двум основным стремлениям рекламодателя.
— Четко нацелиться на целевую аудиторию, выжать из нее максимум посетителей себе на сайт (если кто-либо из целевой аудитории, запрашивает ключевое слово – мы должны сделать все, чтобы заполучить его себе на сайт)
— Ни в коем случае не допустить показов нецелевой аудитории (показы этой аудитории понизят драгоценный CTR и повысят стоимость клика, а возможные случайные клики этой аудитории – съедят кусок бюджета)
Для выполнения этих целей Директ предоставляет нам 2 инструмента: Оператор «кавычки» и минус-слова. О них и речь в этой статье.

После того как мы прошли вводный инструктаж — настала пора создать свою рекламную кампанию в Директе.
Как регистрироваться, подбирать ключевые запросы, составлять рекламные объявления, отправлять их на модерацию, устанавливать ставки, тратить деньги и т.д – обо всем этом подробно расписано на странице «Помощь» Яндекс.Директа. Мы же в наших статьях будем рассматривать то, чего там нет.

Выложили обновленное "Руководство по созданию сайтов" (PDF-версия), которое анонсировали еще на конференции «Оптимизация 2009». Можно использовать как checklist при запуске нового сайта.
Замечания и пожелания приветствуются.

См. также "Руководство по поисковой оптимизации для начинающих от Google".

Совсем недавно увидел пост про свойство z-index. Раз пошла такая пьянка, то вставлю и свои пять копеек и расскажу о свойстве text-shadow. Так получилось, что в последнее время мне стали регулярно попадаться сайты, использующие это свойство. Сразу скажу, что под IE любой версии (и IE8 тоже!) читать статью не имеет смысла, так как ослик, к большому сожалению, так и не научился поддерживать свойство, которое было описано еще в 1998 году.

Несколько выдающихся примеров и рекомендаций по созданию качественного дизайна веб-страницы или блога



Многие люди склонны описывать предоставляемые ими услуги по веб-дизайну как «качественные». Но что означает здесь слово «качество», как определить, является дизайн качественным или нет? Что ж, я вижу несколько способов определить качество применительно к сфере веб-дизайна. Ведь если однажды определить, что позволяет создавать качественный веб-дизайн, можно использовать эти же приемы для оттачивания собственного стиля.

Чтобы объяснить, как я понимаю качество в дизайне веб-сайтов, я собрал несколько рекомендаций и примеров.

Была у меня одна такая задачка.
1. Есть форма
2. Форма на фоне картинки
3. Картинка — полупрозрачная png'шка
4. Форма (вместе с картинкой) движется — высовывается и засовывается.

Убрать бы хоть одно из условий — и никаких проблем. Но вот когда все они вкуче…
Для нормального отображения png-шки в ИЕ (ниже 7-го) юзаю jquery.pngFix. Для движения формы — jquery.ui.slider.

Все классно, но вот ИЕ!!!… в такой ситуации делает все поля формы, кроме селекта, неактивными. В общем — фиг напишешь что-то в формочке. Парилась я парилась с этим всем делом, и вот еще вчера засела на целый вечер. В нете решений (даже проблем таких) не нашла. В итоге села сама разбираться.

Уже и в jquery'вских библиотечках покопалась — интересно стало что там может быть нетак.
Потом поперебирала разные варианты — и картинка на бекграунде родительского для формы блока (идеальный и базовый вариант), и в отдельном блоке картинку вставляю, и картинку просто вставляю… в общем целый вечер строила гипотезы и пробовала варианты. В общем — то картинка на бекграунде не отображается, то форма неактивна, то прозрачность исчезает.

Я уже даже не ожидала, что очередной вариант сработает!
Так вот какое решение проблемы оказалось:
[div id=«form_wrapper»]
[div id=«form_image»][/div]
[form][/form]
[/div]

Суть в чем:
— from_wrapper осоздает один целый блок (можно задать ему местоположение и он же будет использоваться при движении картинки).
— form_image — собственно, бекграунд для формы (полупрозрачный). Для него и юзается pngFix(). Картинка ставится на фон дива.
— ну и сама форма.

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

З.Ы.: может уже етсь где-то решение такой проблемы, тогда ткните меня носом… И еще — это мой первый топик здесь. Подумала просто, что может кому-то будет интересно и полезно. Но опыта в написании статей нет…

Примерчик
Вверху — неработающий вариант, внизу — работающий.

Я стараюсь читать много бизнес-литературы. Скажу честно – попадается много откровенно неудачных, графоманских, непрактичных книг. Но есть книги, которые иначе как сокровищами не назовешь.

Я составил список из 25 золотых (ИМХО и только ИМХО) деловых книг.

Вот решил поделиться некоторым материалом, который сам составил в ходе экспресс-изучения SEO оптимизации и раскрутки сайтов. Просто попался видео-курс Юсуфа Губайдуллина, который продает его на promoguide.ru и решил воспользоваться случаем. Честно говоря, курс не понравился — нудно как-то рассказывается. Оценил содержание на 4 с минусом, а изложение — на 2 с плюсом. Само SEO весьма скучная вещь, но нужная, поэтому составил небольшую памятку для себя — чтобы не держать это в голове и легко вспомнить когда понадобится. Здесь два файла: первый — просто картинка, второй — в формате freemind, для тех, кто желает что-то для себя добавить.

Если вы запускаете новый сайт и заканчиваете его оформление, то есть смысл посмотреть коллекцию Subtle Patterns: отлично оформленную коллекцию фоновых текстур (паттернов) под лицензией Creative Commons Attribution 3.0 Unported. Их можно использовать без ограничений.



Сайт привлекает удобным предварительным просмотром: каждую текстуру можно мгновенно применить на всей странице в качестве фона. Сейчас там 93 работы, коллекция еженедельно пополняется отличными новинками.

Все текстуры на сайте Subtle Patterns являются повторяющимися, то есть склеиваются в бесшовную заливку.

Для начала — маленькое лирическое отступление. Поручили тут недавно мне на работе сделать небольшую базку квартир для сайта агентства недвижимости. Да такую, чтобы можно было искать квартиры аж по 5 параметрам сразу — город, район, количество комнат, планировка и цена. Ну и чтобы всё это было встроено в админку и легко редактировалось, разумеется. А надо сказать, что я работала с разными CMS — от дорогого и тяжеловесного Битрикса до самописных простеньких движочков, и в конце концов остановила свой выбор на MODx — ибо, не сочтите за рекламу/антирекламу, но то, что на том же Битриксе делалось за неделю (а именно — несложный корпоративный сайтец), на MODx спокойно делается за день.

Я к чему это, собственно, пишу. В практически любой CMS для реализации этой задачи пришлось бы писать дополнительный код и всячески извращаться. В MODx же это решается при помощи исключительно стандартных средств движка, и единственная вещь, которую приходится писать «ручками» — это непосредственно сама форма поиска. Пусть неочевидно (пришлось всё же покопаться по документации, пока сообразила) — но всё ж полезно.

Итак, задача разбивается на следующие этапы:

1. Создать TV для свойств, по которым будет происходить поиск.
   Задать шаблон и логику для выводов результатов поиска.
   Создать саму форму поиска.
   

Не секрет, что писать CSS для многих стандартных кнопок, макетов, etc. бывает весьма лениво. Ниже представлена подборка генераторов CSS (и не только), которая, возможно, в некоторых случаях сможет упростить кому-то жизнь. Многими генераторами можно успешно пользоваться даже без глубоких познаний CSS.

(Осторожно! Много картинок)

Эта инструкция научит Вас, как создавать очень красивые и удобные текстовые кнопки (с эффектом нажатия), используя CSS.

Revolution дорос уже до версии 2.0.8, но большинство разработчиков не спешит его использовать, так как документация еще не полная, да и статей на русском очень мало.
Лично я не нашел ни одной пошаговой инструкции «для чайников», и поэтому решил написать ее сам.

Конечно, это топик для не «совсем чайников», а для людей, которые хоть немного знакомы с Evolution и при переходе на Revolution обломались от всего непривычного, как я. Никаких секретов и ловких методик тут не будет. Обычный how-to с картинками (их довольно много).

Эта связка решает маленькую, но в контексте Wayfinder важную задачу: выводит корректно меню и подменю раздельно.

Я потратил два дня на поиски этого решения, пока не нашел на официальном форуме MODx ответ. Хочу поделиться с вами свободным переводом этого решения ( оригинал modxcms.com/forums/index.php?topic=34773.0 ).

Здравствуйте, дорогие читатели. Сегодня хочу с вами поделиться чрезвычайно простым способом кроссбраузерной реализации css-свойства box-shadow. Способ настолько простой и очевидный, что я был чрезвычайно удивлен тем, что не смог найти на просторах интернета аналогичного решения (хотя я более чем уверен, что не являюсь первооткрывателем).