Многие задаются вопросом, что лучше – накупить книжек по SEO и сидеть зубрить или лучше все-таки заплатить за курсы поисковой оптимизации?
И как не попасть впросак с выбором курсов? Например, есть такая академия интернет рекламы. Обещают не только рассказать клиентам, как вести бизнес в сети, но и про технологии продвижения рассказывают, можно задавать вопросы, если что-то непонятно и даже предложить к рассмотрению какой-либо свой пример – сайт, который взялся продвигать.
А как вы относитесь к такому обучению и правда ли что курсы в АИР позволяют сэкономить деньги, ну или хотя бы время на освоение основных способов продвижения сайта?
Если вы еще не знаете о бирже ссылок и статей SetLinks, то упускаете шанс воспользоваться новым сервисом определения позиций сайта в поисковиках. В данный момент сервис доступен для всех пользователей совершенно бесплатно.
В чем же основные преимущества системы?
Ежедневные проверки позиций в семи поисковых системах (Yandex, Yandex UA, Rambler, Google RU, Google UA, Google ENG и Yahoo).
В поисковой системе Yandex можно проверять позиции по любому региону.
Сервис проверяет позиции не только главных страниц, но и внутренних.
Сохранение данных по позициям за весь период проверок в удобной табличной форме.
Просмотр динамики роста и падения позиций.
Построение графических отчетов по позициям.
Оптимизаторы имеют возможность привязывать тексты ссылок к поисковым запросам и видеть, какой у них расход на каждый продвигаемый ими запрос.
Можно задавать удобное для вас время проверки позиций.
В заключительной части статьи, автор поведует нам о том, как сделать дизайн уникальным и, в то же время, простым и утонченным.
05. Сдержанность и деликатность
Дизайнеры вечно придумывают, как поразить уникальным дизайном или особыми его деталями. Но иногда, вы сможете достичь большего эффекта за счет сдержанности. Иногда выходит, что хороших вещей должно быть не слишком много. Хороший дизайнер в состоянии определить, где та черта, за которую не следует переступать, и старается не переборщить с дизайнерскими приемами или особенными эффектами.
Примеры утонченных эффектов в веб-дизайне
Легкие градиенты на сайте “Things”
Посещая сайты, я всегда обращаю внимание на утонченные эффекты. Не знаю, к счастью или к несчастью, но я не могу не замечать все мелкие детали, в которых я после черпаю вдохновение. Градиенты часто используются слишком яро, просто бьют по глазам, но корректно используемые градиенты могут добавить вашему дизайну элемент реалистичности и объемности. Большинство из вас могут далее не заметить градиенты, и как раз вот эти, по-моему, являются лучшими.
Падающие тени на сайте Icon Dock
Сайт Icon Dock — это оплот утонченных эффектов. Пиксельные блики, градиенты и падающие тени. Но в данном примере мы остановимся подробнее именно на тени. Она сделана небольшой и с повышенной прозрачностью, просто чтобы подчеркнуть блок с содержимым и ненавязчиво привлечь к нему внимания. Это красивый пример.
Утонченные текстуры фона: сайт Scouting for Girls
Текстурный фон может решить судьбу вашего дизайна. Часто фон лишь отвлекает и сильно снижает качество дизайна. Поэтому обычно имеет смысл использовать легкие и утонченные текстуры. На сайте Scouting for Girls текстура фона удивительным образом сочетается с общим стилем и качеством дизайна.
Следы времени: сайт Viget Advance
Я не думаю, что дизайн может быть слишком утонченным. Любые детали, неважно насколько они деликатные, будут заметны и произведут определенный эффект, даже независимо от того, разглядит их пользователь или нет. В этом примере блога Viget Advance на фоне видны некоторые следы времени, всего лишь небольшие признаки износа, но без них бумага выглядела бы плоской и скучной. Эти небольшие изъяны делают текстуру более достоверной и реальной.
Акварель на сайте WebDesignerWall
В работе акварелью приятно то, что, смешивая краски, получаешь цвета очень нежные, тающие и… ну хорошо, водянистые. Использование акварели в дизайне может нести в себе много плюсов — вы можете ввести какие-то деликатные цвета, привнести легкую текстурность, — поэтому этот прием стал так популярен среди дизайнеров.
Легкие цветочные орнаменты: сайт Dara’s Garden
Это превосходный пример утонченных цветочных элементов в дизайне. Есть несколько более оживленных иллюстраций использования цветочных орнаментов, и они тоже очень хороши, но в данном примере мы остановимся на легких и нежных деталях фона. Тут становится по-настоящему видно, насколько важна утонченность. Нежные цвета и «состаренный» вид орнамента означают, что ваш глаз отмечает мелкие детали, но они не находятся в фокусе внимания.
Советы по использованию утонченных средств дизайна
По-моему, утонченные детали помогают сделать шаг от хорошего дизайна к дизайну великолепному. Если вы думаете, как привнести в ваш дизайн нечто особенное, утонченные детали — ваш выбор. Вот несколько рекомендаций, о которых необходимо помнить, используя в дизайне утонченные детали.
Используйте многослойность
Никогда не ограничивайтесь одним шаблоном или текстурой, делайте детали разнообразными.
Экспериментируйте с прозрачностью и цветом
Иногда даже значение непрозрачности 3% может сыграть вам на руку.
Не парься, будь смелым
Не бойтесь, что получится слишком утонченно или слишком размыто.
06. Используйте весь потенциал цвета
Люди часто судят о цветах со своей колокольни, и они неправы. Если вам нужно решить, какие цвета будут хорошо смотреться на данном сайте, необходимо принимать решение основываясь на бренде, основной теме сайта и настроении, которое должна создавать цветовая схема.
Превосходное использование цвета в веб-дизайне
Недвижимость может быть красочной: сайт Oypro
В сайте Oypro мне нравится то, что его создатели доказали — сайт, посвященный «скучной» теме, необязательно должен иметь скучный дизайн. Увы, слишком часто при создании корпоративных сайтов дизайнерам не разрешается использовать смелые и своеобразные решения. Кажется, заказчикам просто необходимо, чтобы их сайт был простым, плоским и серым. Но этот дизайн доказывает, что можно создать деловой корпоративный сайт, не сдерживая своих творческий порывов.
Цвета должны быть уместными: сайт Tennessee Summertime
Summertime in Tennessee — это живой, яркий и очень теплый сайт. Что и требуется от сайта, рекламирующего летний отдых. Здесь играет много разных цветов, но все они «в тему». Качественные сайты имеют цветовую схему, где все цвета служат на пользу общей идее. Иногда дизайн становится лучше за счет очевидного выбора цветов, хороший тому пример — , он бы не возымел должного эффекта, если бы там использовался иной цвет, чем огненно-красный.
Разнообразные фоны: Saturized Studio
Недостаточно просто залить фон каким-либо цветом и думать, что выйдет интересно. Лучшие фоны те, что отличаются разнообразием. В данном примере мы видим, что красивый оранжево-красный цвет подвержен воздействию самых разных эффектов и градиентов. Это придает фону некоторую изюминку, и он не выглядит неинтересным и плоским. Тут еще важно отметить, что темный глубокий оранжевый цвет очень хорошо работает в качестве контраста, будучи помещенным в качестве фона для намного более светлого блока с текстом.
Советы по использованию цвета в дизайне
Цвет — это всегда хорошая область для исследований и испытания различных возможностей и вариаций, но есть несколько вещей, о которых важно не забывать, выбирая цвета и цветовые схемы.
Экспериментируйте
Сайт на «скучную» тему не должен иметь скучную цветовую схему.
Добавьте разнообразия
Попробуйте использовать для создания красочных фонов градиенты, шаблоны и кисти. Фон не будет выглядеть хорошо только за счет цвета.
Придерживайтесь темы
Старайтесь, чтобы цвета были уместны для продукции или услуг, которым будет посвящен сайт.
07. Делать нечто, чего никто раньше не делал
Некоторые из лучших сайтов — это неординарные, странные и несколько экстравагантные. Но если дизайнер бросает вызов стандартам, обычно заканчивается тем, что изменяется само понятие о том, что такое стандарт. Однако быть по-настоящему оригинальным и создавать нечто, чего не создавал никто ранее, — это самая сложная вещь в дизайне.
Из этой затеи может получиться создание чего-то бесподобно прекрасного, или чего-то, что не выдерживает никакой критики. Между успехом и провалом очень тонкая грань; я имею в виду, что есть причины, по которым что-либо никогда не создавалось, и обычно это потому что идея была вздорной. Дизайнер должен иметь смелость, чтобы отступить от того, что всем дорого и мило, и вот несколько примеров тому:
Уникальная навигация на сайте MB Dragan
Это непохоже на среднестатистическую навигацию по сайту, но согласитесь, выглядел бы сайт так хорошо, если бы имел стандартную навигацию? Я бы сказал, дизайнер рисковал, создавая такую необычную систему навигации, но она в самом деле подходит для этого сайта, она тут уместна, и она сделана по таким стандартам, что сложно не признать, что она отлично работает на общую идею.
Сайт Visualbox и его Очень Визуальная Навигация
Visualbox ставили одну цель — показать их великолепную работу. Поэтому у них на сайте очень мало текста; все, что видно на первый взгляд, — это их название и подборка работ. Картинка в блоке предварительного просмотра при наведении мыши сменяется описанием проекта, это действительно эффективное и функциональное решение, да и куда более привлекательное, чем просто список ссылок.
Сразу к делу, сайт Nikola Mircic
Итак, вы дизайнер интерфейсов, и вы хотите, чтобы люди увидели ваши работы и наняли вас. Nikola Mircic показывает нам, как с прямолинейным подходом к делу можно сделать очень впечатляющий сайт. Входя, вы видите все разнообразие работ автора, его имя и профессию вверху страницы и контактные данные. Тут нет длинных текстов или тысячи слов, убеждающих вас воспользоваться услугами автора, он просто позволил работам говорить самим за себя. Конечно, вы можете кликать по картинкам, чтобы увидеть большие версии и какой-то текст, но сама схема сайта действительно уникальна, и мне нравится, как она работает.
Советы по стремлению к чему-то новому
Примеры, приведенные выше, не задумывались как «источник вдохновения» для уникальных идей, это просто несколько сайтов, которые кажутся мне совершенно уникальными. Правда состоит в том, что невозможно просто смотреть вокруг в поиске новых идей, на самом деле, это порочная практика. Так что вы можете просто проигнорировать весь этот раздел, если вы стараетесь выдумать что-то новое!
Это должно быть уместным
Если вы собираетесь сделать что-то совершенно новое и уникальное, сначала спросите себя: «А это вообще имеет смысл?» и «Это будет соответствовать назначению сайта?». Если ответом будет «Да», то вперед!
Забудьте все, что вы знали!
Ну хорошо, может быть, не все — базовые принципы забывать не нужно, но нет смысла искать вдохновения для новых идей, возможно вы просто выбрали не то направление.
Держите марку
Я думаю, если ваша новая идея выглядит и работает хорошо, то вам будет гораздо проще убедить всех, что она имеет право на существование.
Что для вас “качественный дизайн”?
Существует такое множество факторов, которые делают дизайн качественным, что в этой статье я раскрыл лишь основные из них. Поэтому мне было бы интересно услышать ваши идеи и мысли о том, по каким параметрам вы судите о том, хорош дизайн, или нет.
А сегодня поговорим о том, что такое хорошо продуманная типографика и как правильно организовать элементы на странице.
03. Хорошо продуманная типографика
Хотя реальные тексты для сайта будет писать не дизайнер, они играют такую же важную роль, как и общее качество контента. Дизайнер должен потрудиться, чтобы тексты легко читались и удерживали внимание. Существует множество способов сделать текст легко читаемым и приятным глазу. По мере перечисления правил и норм того, что следует и чего не следует делать, я приведу несколько примеров сайтов, где рациональная типографика действительно работает.
Несколько выдающихся примеров и рекомендаций по созданию качественного дизайна веб-страницы или блога
Многие люди склонны описывать предоставляемые ими услуги по веб-дизайну как «качественные». Но что означает здесь слово «качество», как определить, является дизайн качественным или нет? Что ж, я вижу несколько способов определить качество применительно к сфере веб-дизайна. Ведь если однажды определить, что позволяет создавать качественный веб-дизайн, можно использовать эти же приемы для оттачивания собственного стиля.
Чтобы объяснить, как я понимаю качество в дизайне веб-сайтов, я собрал несколько рекомендаций и примеров.
Всем нам нравится эффект, когда при наведении на кнопку-ссылку в меню, фон кнопки меняется, подсвечивается и т.п. Тем самым позволяя нам не запутаться в том, какую ссылку мы выбираем - это то, что касается пользователей. Однако не все вебмастера решаются реализовать этот эффект, т.к. возникает сразу несколько вопросов:
Это вообще можно реализовать без JS ?
Как избежать эффект пропадающего фона при наведении на кнопку?
Сколько картинок мне нужно для 1 кнопки?
Можно ли сделать кнопку не фиксированной ширины?
Можно ли обойтись без CSS-фильтров?
Думаю каждый из вас сталкивался с этими вопросами. Давайте раз и навсегда разберемся с ними.
В данной статье автор приводит наглядные доказательства, почему не стоит использовать @import для загрузки стилей в документ.
LINK vs. @import
Существует 2 способа загрузки файлов стилей. Использовать тег LINK:
<link rel='stylesheet' href='a.css'>
Или импортировать файлы с помощью @import:
<style>
@import url('a.css');
</style>
Я предпочитаю использовать LINK для удобства, т.к. вы должны помнить, что @import нужно размещать всегда в самом верху блока стилей, в противном случае они не импортируются.
Smashing Magazine стремится быть в курсе всех новых и интересных событий, происходящих во Всемирной Паутине. Вы наверняка слышали о том, что наша команда недавно встречалась с . Мы стараемся быть в курсе всех последних новостей в браузерной индустрии.
Даже с выходом официальной версии Internet Explorer 8, уже ведуться разговоры о следующей версии IE 8.1 под кодовым названием Eagle Eyes. Оснащенный экслюзивными возможностями, такими как: новый движок JavaScript, поддержка и полная поддержка стандартов CSS 3; IE 8.1 появится уже этим летом.
В этой статье, мы хотим более подробно познакомить вас с новыми возможностями Internet Explorer 8.1, сравнить с другими браузерами и поделиться с вами опытом работы с новой версией. В целом, браузер стал более быстрым, гибким, стабильным и более безопасным по сравнению с вышедшей версией IE8. Одним словом, Eagle Eyes - браузер, который должен был появится на рынке уже давно, которого все так ждали.
На самом деле, интерфейс не так сильно изменился. Заметно лишь, что браузер создавался в тему новой Windows 7.
Улучшенная безопасность и Web Slices
Одно из обещанных нововведений IE 8.1 - совершенствование мер по обеспечению безопасности и революционная возможность - Web Slices. Фильтры и XSS теперь отлавливают 96% известных вредоносных программ и фишинга сайтов в отличие от 75% успеха в текущей версии IE 8. Web Slices - функция, которая позволяет отслеживать изменения на сайтах, которые вы часто посещаете, это заметно быстрее позволит вам узнать об обновлениях.
Поддержка Firefox Extensions
О, да! Это кажется нереальным, но они это сделали!
Самая невероятная возможность (ожидаемая всеми разработчиками) нового Eagle Eyes - поддержка аддонов FireFox. Хотя IE 8.1 предупреждает, что не все плагины будут работать, мы проверили четыре популярных плагина Firefox (Firebug, Web Developer, Tab Mix Plus, и No-Script), и они работали безупречно (некоторые из разработчиков даже утверждают, что - с точки зрения исполнения - они намного лучше работают под IE 8.1 по сравнению с Firefox 3).
IE 8.1 показал хорошие результаты Acid 3 теста
Наш тест с IE 8.1 показал неплохие результаты прохождения теста, показывающего насколько браузер соотвествует вебстандартам. Браузер набрал 71 балл из 100, сплоховав с цветами.
Быстрый движок JavaScript
Internet Explorer всегда был лидером в исполнении клиентских скриптов, но это не остановило Microsoft от разработки совершенного нового движка под названием JSE.
Группа разработчиков Microsoft Internet Explorer совместно с разработчиками Google Chrome создавали JSE еще и с целью подавить растущую популярность Mozilla Firefox на рынке. Результат: новый движок превосходит по быстроте все современные браузеры.
В общем целом, Internet Explorer 8.1 более быстрый и стабильный, что позволяет предложить пользователю еще больше возможностей для работы. А скорость нового Javascript движка просто превосходит все ожидания.
Поддержка мультибраузерности отображения сайтов
Очевидно, что команда разработчиков IE признала сильные стороны движка (используемого в FireFox) и движка . Т.к. они используют лицензию , Microsoft смог законно внедрить различные движки на выбор пользователя.
В нашем эксклюзивном интервью с Майком Челли, одним из главных разработчиков IE, мы заметили, что приоритетным во всем процессе разработки нового Internet Explorer было то, чтобы сделать для разработчиков возможность легко и доуступно отлаживать сайты:
Нашей главной целью было то, чтобы предоставить возможность разработчикам легко тестировать и отлаживать сайт под различные браузеры в одном IE 8.1. Мы знаем, что в прошлом наш движок не получил хорошей репутации, поэтому мы реализовали эту новую возможность не только чтобы превзойти возможности других браузеров, но и для того, чтобы пользователи смогли также протестировать сайт и в других бесплатных движках в случае, если наш движок окажется недостаточно хорошим, или пользователю необходимо сравнить отображение сайта в различных браузерах, при этом используя только Eagle Eyes.
Декомпиллер кода
Если вы всегда хотели знать, как работают сайты и веб-приложения, Eagle Eyes позволит вам увидеть исходный код на стороне сервера. Мы не исследовали эту возможность слишком широко, но базовые тесты показали, что декомпиллер способен показать как работает .
Изменение скина сайта
IE 8.1 позволяет хранить список сайтов, у которых вы хотели бы изменить стили отображения на один из 10 предлагаемых скинов, идущих вместе с IE 8.1. В следующий раз, когда вы зайдете на сайт, он будет отображен в том стиле, который вы для него выбрали в прошлый раз. Это позволит пользователям IE 8.1 изменять дизайн нечитабельных сайтов. Мы решили протестировать эту возможность на сайте .
Вот так выглядит сайт как он есть на самом деле:
Мы выбрали стиль “Mozkine” и вот результат:
Если судить исключительно на этот тесте, он показывает, насколько полезна эта функция может быть в том, чтобы сделать веб немного лучше.
Заключение
Наши тесты над IE 8.1 показали насколько огромную работу провела команда разработчиков Internet Explorer по улучшению браузерного движка. IE 8.1 Eagle Eyes имеет высокие шансы быстро стать одним из наиболее приоритетных для веб-разработчиков. Мы не знаем точно, когда Microsoft сообщит о выходе первой бета версии, но по некоторым источникам, разработчики поставили цель уже на это лето.
Можно смело сказать, что Internet Explorer 8.1. будет - на основе нашего опыта и опыта вышестоящих личностей в этом вопросе - доминирующим браузером рынке, в то время как другие браузеры делают успехи и расширяются. Мы надеемся, что IE 8.1 появится уже очень скоро, т.к. мы мечтаем о нем уже очень долго.
Для начала, вот как это будет выглядеть: горизонтальное меню + выпадающее меню горизонтальным списком:
Чтобы сделать подобное, нам понадобиться внести изменения в исходный код меню блога. Обычно это в файле header.php. Находим нужное место и заменяем следующим кодом, который выведет весь список страниц/категорий и подкатегорий.
LIci WP - WordPress crossposting plugin
