Апрель 11, 2010

Универсальный селектор

написано в рубрике: Профессиональные заметки; 20:55

6. Твой CSS начинается со строчек * {padding:0; margin:0;}

«16 признаков крутого верстальщика», Максим Покровский

Символ * в css называется универсальным селектором (universal selector). Универсальность состоит в том, что он означает любой элемент: правило, которое начинается с этого селектора, относится ко всем элементам страницы.

Какие объявления стоит и какие не стоит указывать в этом правиле? Например, полезны те, которые приведены в эпиграфе:

*{
  margin:0;
  padding:0;
}

Такое правило обнуляет поля и отступы у всех элементов на странице. Полезное правило: у элемента могут быть ненулевые дефолтовые значения, создающие в дальнейшем путаницу. Кстати, они могут быть разными у разных браузеров. (далее…)

Комментариев (8)

Февраль 28, 2010

Глюки и хаки: ie7

написано в рубрике: Профессиональные заметки; 17:26

IE7 «порадовал» меня необъяснимым глюком. Без видимой причины вдруг пункты в нумерованном списке (ol) стали нумероваться одним и тем же первым номером. Видимой причины такого поведения не было, пришлось искать методом исключения. Причина нашлась, и выглядела она так:

li{
  min-height:1.2em;
}

Это правило потребовалось для Фаерфокса, который «схлопывает» пустые строки в списке (только номера друг на друга наезжают). Предполагалось, что администратор сайта имеет право делать в списке пустые пункты, значит, должны быть пустые строки. С номерами. Пустые строки появились, а седьмой ИЕ перестал нумеровать список. Пришлось написать хак специально для него, родимого:

li{
  min-height:auto;
}

Надо сказать, что шестой и восьмой ИЕ глюк своего собрата не разделяют. А я так и не поняла, какую связь он нашёл между высотой строки и её номером в списке.

Комментариев (0)

Декабрь 13, 2009

Настройка стилей для Mozilla Firefox (3, дополнение)

написано в рубрике: Профессиональные заметки; 20:54

Продолжение

Примеры кода, с помощью которого можно настроить под себя известные сайты. (далее…)

Комментариев (0)

Декабрь 6, 2009

Настройка стилей для Mozilla Firefox (3)

написано в рубрике: Профессиональные заметки; 18:00

Продолжение

Индивидуальные настройки Фаерфокса позволяют изменить «под себя» внешний вид часто посещаемых сайтов — разумеется, в сторону улучшения и удобства пользования. (далее…)

Комментариев (0)

Ноябрь 29, 2009

Настройка стилей для Mozilla Firefox (2)

написано в рубрике: Профессиональные заметки; 21:56

Итак, что можно сделать собственными стилями браузера Фаерфоркс? Поскольку Фаерфокс понимает селекторы атрибутов, сделать можно много. Например. (далее…)

Комментариев (3)

Ноябрь 22, 2009

Настройка стилей для Mozilla Firefox

написано в рубрике: Интернет, Профессиональные заметки; 22:48

Немного о настройках браузера Фаерфокс (Mozilla Firefox). О подключении пользовательских скриптов к Фаерфоксу я писала, теперь о подключении к нему же пользовательских стилей.

Что можно сделать пользовательскими стилями? Например:

  1. Настроить отображение содержания сайтов, в том числе убрать рекламные баннеры.
  2. Настроить под себя внешний вид часто посещаемых сайтов.
  3. Настроить вид самого Фаерфокса.

Собственные стили Фаерфокса находятся в файлах chrome/userContent.css и chrome/userChrome.css. Папка chrome располагается в профиле браузера (по умолчанию для Windows XP это /Documents and Settings/Имя_пользователя/Application Data/Mozilla/Firefox/Profiles/Название_профиля). В папке обычно находятся файлы userChrome-example.css и userContent-example.css, которые можно переименовать и использовать для создания своих стилей.

Иногда можно встретить рекомендацию размещать пользовательские стили в файлы /Program Files/Mozilla Firefox/res/*.css, но лучше этого не делать: при обновлении браузера эти файлы перезаписываются, и всё персональные настройки пропадают.

Правила css, добавленные в chrome/userContent.css и chrome/userChrome.css, вступают в силу после перезагрузки браузера.

Продолжение

Комментариев (2)

Октябрь 25, 2009

Графическое оформление кнопок

написано в рубрике: Профессиональные заметки; 22:52

Небольшая шпаргалка, как оформить кнопку в виде картинки. Вообще-то для этого есть <input type="image" />, но бывает, что код кнопки находится в недоступном для редактирования файле. И тогда в ход идёт ловкость рук и css. (далее…)

Комментариев (0)

Сентябрь 27, 2009

О CMS и её администраторах

написано в рубрике: Интернет, Профессиональные заметки; 13:18

Лето закончилось. Началась рабочая пора. А с ней — рабочие проблемы. Нет, они и летом всплывали, но сейчас, похоже, сезонное обострение.

Спрашивается, для чего нужна CMS (система управления контентом сайта)? Для того, чтобы хозяин сайта или контент-менеджер (часто именуемый администратором) не забивал себе голову знанием html, а просто ввёл в форму текст вручную или скопировал из Ворда текст с выверенной орфографией, нажал кнопку и получил готовую страницу с содержанием. Это — в идеале.

Однако к идеальной системе управления контентом нужен идеальный контент-менеджер. А идеальный контент-менеджер — тот, который не знает слов «html» и «тег». У нас почему-то так заведено: как только человек узнаёт парочку тегов (не элементов, заметьте, а именно тегов), то сразу начинает уснащать ими сайт. Меня уже давно не удивляют сайты, испещрённые font и b. Но бывает и хуже. Бывает, что администратор, он же контент-менеджер, пихает в абзацы заголовки (h1-h6, но чаще h1-h3). Против этого лома приёма нет: фонты, жирность и прочие оформительские теги можно построить по ранжиру описанным ранее способом, но с заголовками он не работает — браузеры не считают заголовок дочерним элементом абзаца и конструкцию вида:

<p>
  <h1></h1>
</p>

рассматривают как:

<p/>
<h1></h1>

Поэтому попытки построить селектор вида «p h1» ничего не дают. Остаётся либо долго и упорно перевоспитывать админа, сиречь, контент-менеджера, либо отключить использование тегов в CMS. Либо оставить всё как есть, возложив ответственность за все перекосы на админа. При всём при том замечу: конечно же, проще один раз перевоспитать CMS, нежели многочисленных администраторов.

Комментариев (3)

Июнь 21, 2009

Графика в оформлении сайтов

написано в рубрике: Интернет, Профессиональные заметки; 22:16

В работе над сайтами нередко встречаются разногласия между специалистами, выполняющими работы на разных этапах: графическое оформление, отрисованное дизайнером, вызывает неудовольствие у программистов и верстальщиков. Можно сказать, что программисту лень или он не понимает прекрасного. Может быть, и лень, однако порой стремление сделать красиво оборачивается против самого себя. (далее…)

Комментариев (0)

Июнь 7, 2009

Вёрстка в блокноте и не только

написано в рубрике: Курьёзы, Профессиональные заметки; 21:15

Небольшое размышление о некоторых видах заказчиков.

Поступило мне предложение на вёрстку. Главной его особенностью было требование: «только тэгами в блокноте». Я не поняла, попросила уточнить. Оказывается, конечный заказчик требует, чтобы сайт был написан без помощи редакторов типа Дримвивер или прочих, только в блокноте, поэтому надо, чтобы при взгляде на код было видно, что его делали в блокноте.

Такой код вполне можно написать в любом редакторе (Dreamweaver, Homesite, Notepad++, EmEditor, и т. д., и т. п.) — и пусть заказчик попробует доказать, что это не в блокноте! Но подобные запросы заставляют заподозрить наличие клинических проблем с мышлением, которые могут осложнить дальнейшую работу. Если заказчику нужна чистая семантическая вёрстка, то это одно дело. А если для него имеет значение инструмент, которым работает верстальщик, то это уже намного хуже.

Комментариев (9)

Следующая страница »
Rambler's Top100