Апрель 11, 2010Универсальный селектор
написано в рубрике: Профессиональные заметки; 20:55
6. Твой CSS начинается со строчек * {padding:0; margin:0;}
«16 признаков крутого верстальщика», Максим Покровский
Символ * в css называется универсальным селектором (universal selector). Универсальность состоит в том, что он означает любой элемент: правило, которое начинается с этого селектора, относится ко всем элементам страницы.
Какие объявления стоит и какие не стоит указывать в этом правиле? Например, полезны те, которые приведены в эпиграфе:
*{ margin:0; padding:0; }Такое правило обнуляет поля и отступы у всех элементов на странице. Полезное правило: у элемента могут быть ненулевые дефолтовые значения, создающие в дальнейшем путаницу. Кстати, они могут быть разными у разных браузеров. (далее…)
Февраль 28, 2010Глюки и хаки: ie7
написано в рубрике: Профессиональные заметки; 17:26
IE7 «порадовал» меня необъяснимым глюком. Без видимой причины вдруг пункты в нумерованном списке (ol) стали нумероваться одним и тем же первым номером. Видимой причины такого поведения не было, пришлось искать методом исключения. Причина нашлась, и выглядела она так:
li{ min-height:1.2em; }Это правило потребовалось для Фаерфокса, который «схлопывает» пустые строки в списке (только номера друг на друга наезжают). Предполагалось, что администратор сайта имеет право делать в списке пустые пункты, значит, должны быть пустые строки. С номерами. Пустые строки появились, а седьмой ИЕ перестал нумеровать список. Пришлось написать хак специально для него, родимого:
li{ min-height:auto; }Надо сказать, что шестой и восьмой ИЕ глюк своего собрата не разделяют. А я так и не поняла, какую связь он нашёл между высотой строки и её номером в списке.
Декабрь 13, 2009Настройка стилей для Mozilla Firefox (3, дополнение)
написано в рубрике: Профессиональные заметки; 20:54
Продолжение
Примеры кода, с помощью которого можно настроить под себя известные сайты. (далее…)
Декабрь 6, 2009Настройка стилей для Mozilla Firefox (3)
написано в рубрике: Профессиональные заметки; 18:00
Продолжение
Индивидуальные настройки Фаерфокса позволяют изменить «под себя» внешний вид часто посещаемых сайтов — разумеется, в сторону улучшения и удобства пользования. (далее…)
Ноябрь 29, 2009Настройка стилей для Mozilla Firefox (2)
написано в рубрике: Профессиональные заметки; 21:56
Итак, что можно сделать собственными стилями браузера Фаерфоркс? Поскольку Фаерфокс понимает селекторы атрибутов, сделать можно много. Например. (далее…)
Ноябрь 22, 2009Настройка стилей для Mozilla Firefox
написано в рубрике: Интернет, Профессиональные заметки; 22:48
Немного о настройках браузера Фаерфокс (Mozilla Firefox). О подключении пользовательских скриптов к Фаерфоксу я писала, теперь о подключении к нему же пользовательских стилей.
Что можно сделать пользовательскими стилями? Например:
- Настроить отображение содержания сайтов, в том числе убрать рекламные баннеры.
- Настроить под себя внешний вид часто посещаемых сайтов.
- Настроить вид самого Фаерфокса.
Собственные стили Фаерфокса находятся в файлах 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, вступают в силу после перезагрузки браузера.
Октябрь 25, 2009Графическое оформление кнопок
написано в рубрике: Профессиональные заметки; 22:52
Небольшая шпаргалка, как оформить кнопку в виде картинки. Вообще-то для этого есть
<input type="image" />, но бывает, что код кнопки находится в недоступном для редактирования файле. И тогда в ход идёт ловкость рук и css. (далее…)
Сентябрь 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, нежели многочисленных администраторов.
Июнь 21, 2009Графика в оформлении сайтов
написано в рубрике: Интернет, Профессиональные заметки; 22:16
В работе над сайтами нередко встречаются разногласия между специалистами, выполняющими работы на разных этапах: графическое оформление, отрисованное дизайнером, вызывает неудовольствие у программистов и верстальщиков. Можно сказать, что программисту лень или он не понимает прекрасного. Может быть, и лень, однако порой стремление сделать красиво оборачивается против самого себя. (далее…)
Июнь 7, 2009Вёрстка в блокноте и не только
написано в рубрике: Курьёзы, Профессиональные заметки; 21:15
Небольшое размышление о некоторых видах заказчиков.
Поступило мне предложение на вёрстку. Главной его особенностью было требование: «только тэгами в блокноте». Я не поняла, попросила уточнить. Оказывается, конечный заказчик требует, чтобы сайт был написан без помощи редакторов типа Дримвивер или прочих, только в блокноте, поэтому надо, чтобы при взгляде на код было видно, что его делали в блокноте.
Такой код вполне можно написать в любом редакторе (Dreamweaver, Homesite, Notepad++, EmEditor, и т. д., и т. п.) — и пусть заказчик попробует доказать, что это не в блокноте! Но подобные запросы заставляют заподозрить наличие клинических проблем с мышлением, которые могут осложнить дальнейшую работу. Если заказчику нужна чистая семантическая вёрстка, то это одно дело. А если для него имеет значение инструмент, которым работает верстальщик, то это уже намного хуже.
