В последнее время, нет времени (Каков каламбур получился!). Поэтому почти ничего не пишу на блоге. Но я буду стараться выкрасть минутку-другую записать предложенице. Всё чаще и чаще задумываюсь заняться микроблоггингом. Часто стал замечать, что некоторые слова и словосочетания говорю на латышский манер, например: «Мне нет этого файла», а не «У меня нет этого файла». Хотя, с латышским у меня плохо и я так уж часто с латышами не общаюсь.

Merapi.lv

Практически закончили работу над merapi.lv, заказчики не довольны главной страницей, а конкретнее, не нравится им белый фон и тёмные буквы в разделе «О компании», типа слишком бледно выглядит. Я считаю, информация в таком разделе должна быть лаконичной и легко воспринимаемой. Нет ничего лучше, в таком случае, чем «белая бумага и чёрные чернила».

Сначала я подумал: «Чёрт меня дёрнул вообще заняться этим проектом!», а потом поразмыслив пришёл к выводу, что проект дал мне хороший опыт в программировании на JQuery. В следующем посте я напишу, как я создал карту Jomas Apartamenti и Jaunsapņi на JavaScript. Прелесть карты — image mapping c изменяемыми областями при наведении мышкой и всё это без flash.

Типографика

Принципиально пишу слова не заменяя букву «ё» на «е». Нравится мне эта буква. Но при составлении документов (если случается писать их на русском), обязательно заменяю.

Занимался корректировкой документов для нашего БарКемпа, долго ругался на составителей. Ещё больше ругался когда принесли документы института для размещения на сайте. Вот думаю, может курсы по типографике организовать, а то ведь все набирают как могут, а не как надо.

Самые распрастранённые ошибки:

• не понимание использования длинного (em dash) и короткого (en-dash) тире, дефиса и минуса;
• отступы между абзацами и заголовками делают просто переходом на новую строчку;
• смешанное использование кавычек;
• не умеют составлять списки, в качестве маркера часто используют дефисы, звёздочки, скопированные откуда-то буллиты;
• лепят запятую не к предыдущему слову, а к следующему: «Привет ,Мир!»;
• используют больше одного пробела для разделения слов;
• используют пробелы для создания отступов.

А на самом деле, ошибок гораздо больше. Ну что поделать, нигде типографике ведь не учат, а надо бы. Причём прививать это надо ещё в школе (можете считать это дополнением к посту о школе). Но отдельный пост стоит написать.

CSS

Может кто-то и знает, а может и нет. Но хочу рассказать о том, как я делаю привязку блока к верхней планке другого блока. Например, здесь в правом нижнем углу изображение полосок «прибито» к нижней зелёной полосе. Не зависимо от того сколько будет текста, всё равно блок полосок будет «прибит» к «подвалу».

Раньше, когда верстали таблицами, это делалось просто: создавалась ячейка внизу таблицы и ей устанавливался background, или же в ячейке с контентом прописывался background с нижним позиционированием, и т. к. высота таблицы зависела от содержимого, то background всё время был внизу. Так, например, сделано на сайте Kazantip.lv. Походите по разделам и смотрите в левый нижний угол.

В CSS вёрстке по-другому. Поскольку многоколоночная вёрстка с плавающими элементами не позволяет устанавливать динамическую высоту, то можно сделать это так:

1. Визуал который нужно «прибить» помещается в качестве тэга, например, <span> внутрь футера:
   <div id=”footer”><span class=”stupidlines”><!– –></span></div>
2. В CSS описывается таким образом:

   #footer {
      // ну это всё опционально
   
      background-color: #3f596a;
   
      height: 20px;
   
      clear: both;
   
      // а вот это обязательно
   
      position: relative;
   
   }
   
   #footer .stupidlines{
   
      // это опционально
   
      background: url(images/stupidlines.jpg) no-repeat;
   
      margin-left: 220px;
   
      // это обязательно
   
      position: absolute;
   
      width: 200px; height: 202px; //размеры естественно нужны
   
      top: -202px;  // указывается отступ сверху, он равен высоте этого блока с минусом
   
      left: 50%; // позиция слева, сколько надо столько и ставьте
   
   }

Т. е. логика в том, чтобы позиционировать внутренний блок с минусовым значением относительно внешнего блока. Причём у внешнего блока ни в коем случае не должно быть overflow: hidden. Сами знаете почему.

Мелочи

• На блоге у Романа Настенко началось голосование за белок. Сразу же кто-то заспамил голосами за 33 номер. Мои белки под номерами 22, 29 и 30.
• Обалденно красивый, но практически бессмысленный сайт позволяющий рассмотреть вблизи синего кита.
• Почти никто не хочет участвовать в моём конкурсе. Видимо сочли его не интересным. Хотя Жека отлично справился с заданием. Конкурс длится до 31 декабря, но если до 15 декабря конкурсантов не добавится, то я с удовольствием нарисую Жеке новый уникальный дизайн для его блога.