Anton @antonick
User
Саммари на четыре книжки
8 min
2.4KПривет. Я предсталяю вашему вниманию саммари на четыре прочитанные мною книжки: «Незаменимый» Сета Година, «Я слышу вас насквозь» Марка Гоустона, «Агрессия» Конрада Лоренца и «Позитивная иррациональность» Дэна Ариели. Саммари — это выжимка основных идей книги, концентрат идей и смысла. Саммари познакомит вас с книжками и поможет узнать много нового. Итак, поехали!
+32
Что стоит за номером «кредитки»
1 min
8.5KПрежде всего о терминологии. То, что в России часто называют кредиткой — является банковской (чаще всего) платёжной картой. Карты выпускать может не только банк. Карты могут быть не только кредитные. Вобщем, теорию вы и сами сможете найти.
А теперь, собственно, инфографика о том, как устроены номера банковски карт (600*1800px 280KB):
А теперь, собственно, инфографика о том, как устроены номера банковски карт (600*1800px 280KB):
+123
35 логотипов со скрытым смыслом
4 min
276KДизайн простого логотипа иногда бывает серым и скучным, если разрабатывается без доли воображения. Многие популярные бренды имеют простые, но в то же время эффективные логотипы. Вспомните дизайн логотипа знаменитого FedEx. Он выглядит элементарным и безыскусным, но на самом деле это отличная идея со скрытым смыслом, который заключается в стрелочке между буквами «E» и «x». Эта стрелка символизирует развитие и успех компании.
Это одна из самых больших проблем дизайнеров. Создание абстрактных логотипов с действенными «скрытыми посланиями» намного важнее, чем
Это потому, что если логотип не передает всю «суть» компании, то и бренд продать не получится. Одним из самых популярных приемов в разработке логотипов является negative space (негативное пространство).
+106
Яндекс. Директ. Анализируем конкурентное окружение
4 min
16KПредставьте ситуацию. Вы разрабатываете сайты. Хорошие сайты для хороших людей. Ваши рекламные кампании работают давно, вы вышли на хороший уровень ROI, заказы идут с завидной периодичностью. Все казалось бы хорошо, пока в один прекрасный день мы не получаем кучу писем от Директа, о том что мы кем-то вытеснены с насиженных позиций. Мы идем в выдачу и видим на своей любимой позиции незнакомый сайт конкурента. Естественным нашим желанием будет узнать что это за фрукт и на основании этой информации принять стратегическое решение – ввязываться ли в войну бюджетов (если это серьезный и жирный конкурент) или подпереть снизу и помочь слить бюджет (если это мелочевка).
«Но это же невозможно!» – Скажете вы. – «Любая система контекстной рекламы руководствуется принципами закрытого аукциона и не предоставляет своим рекламодателям информацию о конкурентах. Мы ведь не знаем ни ключевых запросов конкурента, ни настроек его РК. Не знаем использует он минус-слова или кавычки. Самое главное – мы не знаем его ставок и CTR»
Спокойствие, только спокойствие! (с)
В статье я расскажу, как по косвенным признакам узнать максимум стратегически важной информации о конкурентах, достаточной для принятия решений.
+84
Яндекс.Директ. Кавычки против минус-слов или как отделить жемчужины от навоза
4 min
16KЦель настройки любой рекламной кампании сводится к двум основным стремлениям рекламодателя.
— Четко нацелиться на целевую аудиторию, выжать из нее максимум посетителей себе на сайт (если кто-либо из целевой аудитории, запрашивает ключевое слово – мы должны сделать все, чтобы заполучить его себе на сайт)
— Ни в коем случае не допустить показов нецелевой аудитории (показы этой аудитории понизят драгоценный CTR и повысят стоимость клика, а возможные случайные клики этой аудитории – съедят кусок бюджета)
Для выполнения этих целей Директ предоставляет нам 2 инструмента: Оператор «кавычки» и минус-слова. О них и речь в этой статье.
+40
Яндекс.Директ. Учебник начинающего рекламодателя. Плюсы и минусы Директа
4 min
21KПосле того как мы прошли вводный инструктаж — настала пора создать свою рекламную кампанию в Директе.
Как регистрироваться, подбирать ключевые запросы, составлять рекламные объявления, отправлять их на модерацию, устанавливать ставки, тратить деньги и т.д – обо всем этом подробно расписано на странице «Помощь» Яндекс.Директа. Мы же в наших статьях будем рассматривать то, чего там нет.
Как регистрироваться, подбирать ключевые запросы, составлять рекламные объявления, отправлять их на модерацию, устанавливать ставки, тратить деньги и т.д – обо всем этом подробно расписано на странице «Помощь» Яндекс.Директа. Мы же в наших статьях будем рассматривать то, чего там нет.
+8
Руководство по созданию сайтов от Яндекса
1 min
2.2KВыложили обновленное "Руководство по созданию сайтов" (PDF-версия), которое анонсировали еще на конференции «Оптимизация 2009». Можно использовать как checklist при запуске нового сайта.
Замечания и пожелания приветствуются.
См. также "Руководство по поисковой оптимизации для начинающих от Google".
Замечания и пожелания приветствуются.
См. также "Руководство по поисковой оптимизации для начинающих от Google".
+10
Свойство text-shadow
4 min
3.2KСовсем недавно увидел пост про свойство z-index. Раз пошла такая пьянка, то вставлю и свои пять копеек и расскажу о свойстве text-shadow. Так получилось, что в последнее время мне стали регулярно попадаться сайты, использующие это свойство. Сразу скажу, что под IE любой версии (и IE8 тоже!) читать статью не имеет смысла, так как ослик, к большому сожалению, так и не научился поддерживать свойство, которое было описано еще в 1998 году.
+9
Что такое качество в веб-дизайне: примеры и рекомендации. Часть 1
5 min
39KTranslation
Несколько выдающихся примеров и рекомендаций по созданию качественного дизайна веб-страницы или блога
Многие люди склонны описывать предоставляемые ими услуги по веб-дизайну как «качественные». Но что означает здесь слово «качество», как определить, является дизайн качественным или нет? Что ж, я вижу несколько способов определить качество применительно к сфере веб-дизайна. Ведь если однажды определить, что позволяет создавать качественный веб-дизайн, можно использовать эти же приемы для оттачивания собственного стиля.
Чтобы объяснить, как я понимаю качество в дизайне веб-сайтов, я собрал несколько рекомендаций и примеров.
Многие люди склонны описывать предоставляемые ими услуги по веб-дизайну как «качественные». Но что означает здесь слово «качество», как определить, является дизайн качественным или нет? Что ж, я вижу несколько способов определить качество применительно к сфере веб-дизайна. Ведь если однажды определить, что позволяет создавать качественный веб-дизайн, можно использовать эти же приемы для оттачивания собственного стиля.
Чтобы объяснить, как я понимаю качество в дизайне веб-сайтов, я собрал несколько рекомендаций и примеров.
+140
Ненавистный IE или jQuery.(pngFix + ui.slider) + IE
2 min
700Была у меня одна такая задачка.
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 и сама форма у меня позиционированы абсолютно — кому где надо (картинка в самом топе — чтоб на весь блок была, форма — куда нужно сдвинута).
З.Ы.: может уже етсь где-то решение такой проблемы, тогда ткните меня носом… И еще — это мой первый топик здесь. Подумала просто, что может кому-то будет интересно и полезно. Но опыта в написании статей нет…
Примерчик
Вверху — неработающий вариант, внизу — работающий.
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 и сама форма у меня позиционированы абсолютно — кому где надо (картинка в самом топе — чтоб на весь блок была, форма — куда нужно сдвинута).
З.Ы.: может уже етсь где-то решение такой проблемы, тогда ткните меня носом… И еще — это мой первый топик здесь. Подумала просто, что может кому-то будет интересно и полезно. Но опыта в написании статей нет…
Примерчик
Вверху — неработающий вариант, внизу — работающий.
+12
25 лучших деловых книг
2 min
6KЯ стараюсь читать много бизнес-литературы. Скажу честно – попадается много откровенно неудачных, графоманских, непрактичных книг. Но есть книги, которые иначе как сокровищами не назовешь.
Я составил список из 25 золотых (ИМХО и только ИМХО) деловых книг.
Я составил список из 25 золотых (ИМХО и только ИМХО) деловых книг.
+3
Памятка для SEO оптимизаторов
1 min
1.9KВот решил поделиться некоторым материалом, который сам составил в ходе экспресс-изучения SEO оптимизации и раскрутки сайтов. Просто попался видео-курс Юсуфа Губайдуллина, который продает его на promoguide.ru и решил воспользоваться случаем. Честно говоря, курс не понравился — нудно как-то рассказывается. Оценил содержание на 4 с минусом, а изложение — на 2 с плюсом. Само SEO весьма скучная вещь, но нужная, поэтому составил небольшую памятку для себя — чтобы не держать это в голове и легко вспомнить когда понадобится. Здесь два файла: первый — просто картинка, второй — в формате freemind, для тех, кто желает что-то для себя добавить.
+79
Subtle Patterns: фоновые текстуры для вашего сайта
1 min
72KЕсли вы запускаете новый сайт и заканчиваете его оформление, то есть смысл посмотреть коллекцию Subtle Patterns: отлично оформленную коллекцию фоновых текстур (паттернов) под лицензией Creative Commons Attribution 3.0 Unported. Их можно использовать без ограничений.
Сайт привлекает удобным предварительным просмотром: каждую текстуру можно мгновенно применить на всей странице в качестве фона. Сейчас там 93 работы, коллекция еженедельно пополняется отличными новинками.
Все текстуры на сайте Subtle Patterns являются повторяющимися, то есть склеиваются в бесшовную заливку.
Сайт привлекает удобным предварительным просмотром: каждую текстуру можно мгновенно применить на всей странице в качестве фона. Сейчас там 93 работы, коллекция еженедельно пополняется отличными новинками.
Все текстуры на сайте Subtle Patterns являются повторяющимися, то есть склеиваются в бесшовную заливку.
+232
Делаем поиск по множественным TV
3 min
7.6KДля начала — маленькое лирическое отступление. Поручили тут недавно мне на работе сделать небольшую базку квартир для сайта агентства недвижимости. Да такую, чтобы можно было искать квартиры аж по 5 параметрам сразу — город, район, количество комнат, планировка и цена. Ну и чтобы всё это было встроено в админку и легко редактировалось, разумеется. А надо сказать, что я работала с разными CMS — от дорогого и тяжеловесного Битрикса до самописных простеньких движочков, и в конце концов остановила свой выбор на MODx — ибо, не сочтите за рекламу/антирекламу, но то, что на том же Битриксе делалось за неделю (а именно — несложный корпоративный сайтец), на MODx спокойно делается за день.
Я к чему это, собственно, пишу. В практически любой CMS для реализации этой задачи пришлось бы писать дополнительный код и всячески извращаться. В MODx же это решается при помощи исключительно стандартных средств движка, и единственная вещь, которую приходится писать «ручками» — это непосредственно сама форма поиска. Пусть неочевидно (пришлось всё же покопаться по документации, пока сообразила) — но всё ж полезно.
Итак, задача разбивается на следующие этапы:
Я к чему это, собственно, пишу. В практически любой CMS для реализации этой задачи пришлось бы писать дополнительный код и всячески извращаться. В MODx же это решается при помощи исключительно стандартных средств движка, и единственная вещь, которую приходится писать «ручками» — это непосредственно сама форма поиска. Пусть неочевидно (пришлось всё же покопаться по документации, пока сообразила) — но всё ж полезно.
Итак, задача разбивается на следующие этапы:
- Создать TV для свойств, по которым будет происходить поиск.
Задать шаблон и логику для выводов результатов поиска.
Создать саму форму поиска.
+5
Подборка генераторов CSS
2 min
50KНе секрет, что писать CSS для многих стандартных кнопок, макетов, etc. бывает весьма лениво. Ниже представлена подборка генераторов CSS (и не только), которая, возможно, в некоторых случаях сможет упростить кому-то жизнь. Многими генераторами можно успешно пользоваться даже без глубоких познаний CSS.
(Осторожно! Много картинок)
+51
Делаем красивые кнопки
2 min
11KTranslation
Эта инструкция научит Вас, как создавать очень красивые и удобные текстовые кнопки (с эффектом нажатия), используя CSS.
+44
Быстрый старт в MODX Revolution
4 min
61KTutorial
Revolution дорос уже до версии 2.0.8, но большинство разработчиков не спешит его использовать, так как документация еще не полная, да и статей на русском очень мало.
Лично я не нашел ни одной пошаговой инструкции «для чайников», и поэтому решил написать ее сам.
Конечно, это топик для не «совсем чайников», а для людей, которые хоть немного знакомы с Evolution и при переходе на Revolution обломались от всего непривычного, как я. Никаких секретов и ловких методик тут не будет. Обычный how-to с картинками (их довольно много).
Лично я не нашел ни одной пошаговой инструкции «для чайников», и поэтому решил написать ее сам.
Конечно, это топик для не «совсем чайников», а для людей, которые хоть немного знакомы с Evolution и при переходе на Revolution обломались от всего непривычного, как я. Никаких секретов и ловких методик тут не будет. Обычный how-to с картинками (их довольно много).
+29
Wayfinder + UltimateParent = раздельный вывод меню и подменю
1 min
4.8K Эта связка решает маленькую, но в контексте Wayfinder важную задачу: выводит корректно меню и подменю раздельно.
Я потратил два дня на поиски этого решения, пока не нашел на официальном форуме MODx ответ. Хочу поделиться с вами свободным переводом этого решения ( оригинал modxcms.com/forums/index.php?topic=34773.0 ).
Я потратил два дня на поиски этого решения, пока не нашел на официальном форуме MODx ответ. Хочу поделиться с вами свободным переводом этого решения ( оригинал modxcms.com/forums/index.php?topic=34773.0 ).
+4
Кроссбраузерный box-shadow
2 min
66KЗдравствуйте, дорогие читатели. Сегодня хочу с вами поделиться чрезвычайно простым способом кроссбраузерной реализации css-свойства box-shadow. Способ настолько простой и очевидный, что я был чрезвычайно удивлен тем, что не смог найти на просторах интернета аналогичного решения (хотя я более чем уверен, что не являюсь первооткрывателем).
+33
Information
- Rating
- Does not participate
- Location
- Россия
- Registered
- Activity