Рубрика «Рабочие заметки»

2
1 2 3 4 5 6 7 8 9 10

WordPress: как сразу узнать, подписан ли комментатор на ответы

9 апреля 2012. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

В чём, по-вашему, главная головная боль владельцев блога-dofollow? Правильно: спамеры-ручники (спам-автомат мы отрезаем намного раньше). Люди, которые ходят по спискам dofollow-блогов и оставляют комментарии без души (хотя порой и с умом), зато со ссылкой. И хотя dofollow, как правило, вводят для повышения комментируемости, «холостые» комменты — вовсе не цель хозяина такого блога.

Что делать? Модерировать. Или премодерировать, как я. Какие комментарии пропускать, каждый блоггер определяет сам, но человекоподобность — главный критерий. Один из возможных признаков серьёзности комментатора — подписка на новые комментарии к данному посту (для подписки на wordpress-блогах используем плагин Subscribe To Comments).

Способ выделить комментарии, автор которых решил подписаться на ответы, давно известен. У меня, например, такие комменты отмечены пиктограммой-конвертиком. Однако этот способ сообщает о подписанности или неподписанности посетителя только после одобрения комментария и появления его на сайте. В админке и в почтовых уведомлениях админу об этом не говорится. А жаль — иной раз именно этой информации не хватает, чтобы окончательно решить, что делать с комментатором.

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

Отзывов (43) »

Табличные значения display: table, table-cell, table-row, table-column, и другие

10 октября 2011. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Этой заметкой я хочу заглянуть в будущее, которое, надеюсь, будет не очень отдалённым. В будущее — потому что IE7 не поддерживает табличные значения свойства display, а с арены пока не сошёл.

Адекватной замены табличным свойствам, которая работала бы в IE7, на данный момент не существует. Многочисленные способы сымитировать табличные элементы на плавающих блоках дают весьма приблизительный результат и не гарантируют устойчивости, свойственной табличным элементам.

(далее…)

Отзывов (67) »

Display: inline-block, или на грани кроссбраузерности

5 сентября 2011. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Из этой заметки вы узнаете:

  • как ведёт себя элемент со значением display: inline-block;
  • какие бывают сюрпризы при его применении;
  • как обойти зловредный IE7;
  • а также как можно использовать display: inline-block и чем он лучше float: left.

(далее…)

Отзывов (47) »

Волшебное свойство display, или типы отображения элементов html

22 августа 2011. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Часть первая, адаптированная под ИЕ7.

Css-свойство display задаёт тип отображения элемента. На русский язык его можно перевести фразой: «Веди себя как». То есть, берём любой элемент html и говорим ему: веди себя как… блок, строка, таблица или вообще как будто тебя нет.

Все существующие на данный момент значения свойства display: (далее…)

Отзывов (21) »

Селекторы атрибутов: примеры практического применения

19 июня 2011. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

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

Отзывов (8) »

Селекторы атрибутов: краткий список

27 марта 2011. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Чем дальше уходит в прошлое ie6, тем охотней я пользуюсь примочками css, доступными современным браузерам. Одна из таких возможностей — селекторы атрибута (attribute selectors), или селекторы по атрибутам.

Примечание: IE7 и 8 понимают селекторы атрибута только в том случае, когда у страницы указан правильный доктайп. В противном случае они утрачивают понятливость.

Виды селекторов атрибутов
Название Вид Область действия
Селектор существования атрибута (existence attribute selector) [имя атрибута] Все элементы, имеющие этот атрибут (с любым значением)
Селектор равенства атрибута (equality attribute selector) [имя=«значение»] Все элементы, имеющие данный атрибут с данным значением
Селектор атрибута с пробелами (whitespase attribute selector) [имя~=«значение»] Элементы, имеющие этот атрибут с данным словом в списке значений
Селектор атрибута с дефисом (hyphen attribute selector) [имя|=«значение»] Элементы, имеющие этот атрибут, при том, что его значение либо совпадает с указанной частью, либо начинается с неё и дефиса
Селектор префикса атрибута (prefix attribute selector) [имя^=«значение»] Элементы, у которых значение данного атрибута начинается с указанной части
Селектор суффикса атрибута (suffix attribute selector) [имя$=«значение»] Элементы, у которых значение данного атрибута оканчивается указанной частью
Селектор подстроки атрибута (substring attribute selector) [имя*=«значение»] Элементы, у которых значение данного атрибута содержит указанную часть

Между значением селектора и квадратным скобками не должно быть пробелов! Значение атрибута рекомендуется заключать в кавычки.

Селекторы атрибутом можно комбинировать друг с другом и другими селекторами:

input[type="text"]
— выбраны элементы input типа text (текстовые поля)
input[type="text"].error
— выбраны текстовые поля с классом error
td input[type="text"]
—выбраны текстовые поля, заключённые в табличные ячейки
input[type="button"][onclick]
— выбраны элементы input типа button (кнопка), на который повешено событие onclick

Селекторы существования, равенства, с пробелом и с дефисом определены в стандарте CSS2.1. Селекторы префикса, суффикса и подстроки определены в стандарте CSS3.

О том, как можно использовать селекторы атрибутов на практике, расскажу в следующий раз.

Отзывов (3) »

Position:fixed и его практическое применение

20 марта 2011. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Сразу оговорюсь, что всё нижесказанное — сугубо личное мнение из сугубо личного опыта. Кому-то, может быть, удобней иначе.

По мере ухода со сцены IE6 появляется возможность использовать продвинутые свойства css. Position:fixed — из их числа. Фиксированное позиционирование отличается от других видов позиционирования тем, что прилепляет позиционированный блок к видимой части страницы (визуально — к окну браузера). То есть, при пролистывании страницы блок с этим свойством всегда остаётся видимым.

Казалось бы, очень интересное свойство, но на его применение нашлись ограничения: (далее…)

Ваш отзыв »

1 2 3 4 5 6 7 8 9 10