ArtShok. Сайтостроение и немного SEO

Уроки и примеры по CSS, jQuery. Советы по монетизации и продвижению сайтов

Вы находитесь на блоге "ArtShok. Красивое сайтостроение".
Блог в большей степени посвящен примерам и урокам по CSS, jQuery, AJAX и немного внимания будет уделено продвижению (SEO). Иначе говоря, всему тому, что поможет сделать Ваш сайт более красивым и совершенным.

Машина твоей мечты вместе с Sape!

13 сентября 2008

Чемодан Блоггера

Итак, сегодня было анонсировано о выходе “Чемодана Блоггера”.

“Чемодан Блоггера” - это бесплатная программа для тех, у кого есть свой блог. Программа имеет функции мгновенного обновления информации в нескольких разделах, причем влияют на эти изменения сами пользователи.

Что это нам дает? С помощью Чемодана Блоггера вы можете:

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

Более подробное описание вы можете прочитать на страницах блога Артема Беляйкина - “Каждому блоггеру - по “Чемодану“

9 сентября 2008

Как оптимизировать CSS

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

Такая оптимизация CSS выигрышная, если приходится прописывать кучу стилей к одному сайту. Если вы верстаете в DreamWeaver, то наверняка уже использовали этот метод интуитивно, когда прописывали стили, например, к шрифтам или фону - спасибо разработчикам, они позаботились о всплывающих подсказках:)

Давайте еще раз пробежимся по списку, может быть, откроете для себя еще что-то интересное:

  1. Отбивка (Margin & Padding)
  2. Шрифты (Font)
  3. Фон (Background)
  4. Границы (Border)
  5. Списки (List)
  6. Контуры (Outline)

Подробно о каждом способе оптимизации CSS

8 сентября 2008

PNG-24, проблема отображения в IE. Как исправить?

До тех пор, пока IE 6 версии и ниже не уйдет из обихода пользователей, нам предстоит решать проблему отображения png-24 в браузере. Это актуально хотя бы потому, что, согласно статистике, больше 50% посетителей используют до сих пор эксплорер, в связи с чем не принимать их во внимание будет глупо и непредусмотрительно. Как минимум это приведет к потере посетителей, не сумевших оценить ваш дизайн и использование в нем png.

Решение проблемы png24

8 сентября 2008

Как изменить цвет полосы прокрутки

Сегодня мы рассмотрим как изменить цвет полосы прокрутки со стандартного на… желаемый:)

Безусловно, у этого метода есть свой минус - изменения будут видны только в Internet Explorer версии не ниже 5.5. Но тем не менее это даем нам дополнительный шанс, чтобы выделиться и понравиться посетителям. Ничего сложного в этом нет.
Собственно о том, как изменить стиль скролбара

6 сентября 2008

Как сделать древовидный список с помощью CSS

Сегодня мы рассмотрим урок по созданию древовидного списка, каждый из пунктов которого соединяется линиями.

Древовидный список методами CSS, оформление списка с помощью CSS

Если не засорять код чем-то лишним, то в идеале он будет выглядеть следующим образом:

   <ul class="tree">
    <li>Продукты
     <ul>
      <li>Молочные
       <ul>
        <li>Молоко</li>
        <li>Кефир</li>
       </ul>
      </li>
      .
      .
      .
   </ul>

Как оформить древовидный список с помощью css

3 сентября 2008

Прозрачность для всех браузеров методами CSS

Как помним, прозрачность (transparency) - это одна из тех вещей, которая отображается во всех браузерах по-разному. К счастью, чтобы избавиться от данного бага, нам будет достаточно прописать пару строк в CSS (в примере используется прозрачность в 50%)

.transparency_class {
                    filter:alpha(opacity=50);
                    -moz-opacity:0.5;
                    opacity: 0.5;
                    }

О каждом из параметров прозрачности

2 сентября 2008

ТОП 10 ошибок оптимизации сайта (для начинающих)

  1. Отсутствие связи между страницами сайта.
    В противном случае поисковики проиндексируют только главную.
  2. Регистрация полупустого сайта в поисковиках.
    Робот, пришедший на пустую страницу, вернется не скоро, а вам придется ждать следующей индексации.
  3. Линкопомойки.
    Еще пару лет назад одним из способов продвижения сайта была регистрация оного в большом количестве каталогов с последующим размещением обратных ссылок на одной странице. Так вот - этого делать НЕ НАДО. Не стоит размещать больше 20 исходящих ссылок на одной странице.
  4. Грамматические ошибки + опечатки.
    Уважайте своих посетителей - проверяйте орфографию перед публикацией текста.
  5. Текст, насыщенный ключевыми словами, одного цвета с фоном страницы
    Прямой путь к бану.
  6. Еще 5 ошибок