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

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


09.09

2008

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

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

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

Вообще, я сторонник всего, что связано с саморазвитием, стремлением к совершенству и упрощению (особенно, если это касается производственных процессов). Поэтому помимо чтения современной русской литературы 21 века (все-таки никто не отменял необходимость развиваться еще и духовно), я рекомендую к прочтению статьи технического характера. Как минимум это повышает уровень ваших знаний и навыков как специалиста, а так же позволяет взглянуть на вещи с иной стороны. Со стороны упрощения! не даром основатель компании Apple так к этому стремиться в своей продукции.

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

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

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

09.08

2008

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

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

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

09.03

2008

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

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


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

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