Emperor, Vigo

О предпочтении плавающего фиксированному

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


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


Большое полотно с текстом, ограниченное по ширине можно применить лишь для верстки художественных текстов предполагающих неторопливое, приятное чтение.

Emperor, Vigo

Разделение абзацев

Верстка нескольких идущих подряд абзацев ставит задачу их визуального разделения. Существует два способа отделения абзацев: интервалы между абзацами по вертикали либо отступ «с красной строки». Использовать допустимо любой из вариантов, но не оба одновременно.
Плотная верстка абзацев с отступами красной строки хороша для целостного художественного произведения. Восприятие насыщенного технического или делового текста улучшит разделение абзацев вертикальными интервалами.
Emperor, Vigo

Легкое и непринужденное обращение с дампом

В отличие от просто администратора, разработчик в своих нуждах не ограничивается лишь резервным копированием базы данных. Для разработчика дамп базы востребован повсеместно. Очень хорошо, например, бывает сделать себе копию базы, чтобы развернуть на ее основе локальный экземпляр сайта для скурпулезной подгонки деталей.


Нет нужды рассказывать о том, как неудобно пользоваться при этом (для создания клона) штатными средствами cpanel / phpMyAdmin и проч. Работать при помощи такого инструмента с достаточно большой базой данных (практически — с любой БД от 8 Мб) — немыслимо.. Но часто этим лишь и ограничен доступный арсенал: есть удаленный сервер с mySQL и PHP и локальный (с чем угодно).


В действительности проблема не такая уж и страшная. Для успешной работы достаточно и PHP, только нужно понимать, что в резерве есть те самые пресловутые 8 Мб (или сколько там у вашего сервера выделено?) памяти, и ни битом больше, т.е. выгрузить всю БД в память не удастся. Еще одна истина состоит в том, что писать для этих целей ничего не нужно — существует отличный сценарий Sypex Dumper, разработанный на PHP. Нет смысла пытаться превзойти его, так как дампер действительно хорош, а дополнить его можно как угодно на своё усмотрение - этим хорош open source.


Что касается безопасности, то повода для беспокойства здесь нет: логин и пароль нигде не хранятся — вводятся в форму; без этой информации получить данные нельзя. Даже если допустить возможность уязвимости сценария или допустить, что пришельцу известны данные для аутентификации mySQL (доступ к СУРБД отовсюду, кроме localhost должен быть запрещен всегда), то такую проблему легко решить: сценарий дампера помещается в директорию (CMOD 777) с неочевидным именем — любому постороннему бужет уже просто неизвестен путь к файлу. В директорию, где будет лежать сценарий дампера, нужно положить .htaccess (дополнительный конфигурационный файл Apache), или можно в самом php-файле дампра объявить параметры авторизации нижеследующим образом.

if (!isset($PHP_AUTH_USER) || ($PHP_AUTH_USER != 'user' || $PHP_AUTH_PW != 'password')) {

Header("WWW-Authenticate: Basic realm=\"My Realm\"");

Header("HTTP/1.0 401 Unauthorized");

exit("Authorization failed.");

}

Естественно, более важна вложенная директория backup/, куда будет записан файл дампа — определить имя файла достаточно сложно (нужно знать родительский каталог, имя БД и точное время создания дампа), но эрудированный в этом плане счастливчик легко может получить дамп базы и воспользоваться данными. Паранойя лечится всё тем же .htaccess, но в этом нет строгой необходимости.
  • Current Music
    Глеб Самойлов - Партизаны
  • Tags
    , , ,
Emperor, Vigo

Отдельный блог по продвижению и SEO

Дабы не засирать свою милую жежешечку выбивающимся из тематики материалом, я буду вести отдельный, ещё один блог, посвященный адекватным методам продвижения в сети. У меня, в принципе, нет пока намерения спалить тему - да собственно любой частный случай и обусловленный метод действенен лишь до того момента, пока не обрёл популярность (читай - оказался обнаружен администрацией поисковика). В связи с этим, я только лишь систематизирую и однозначно описываю доступные и, что важно - логичные, легальные, адекватные средства. Впрочем, довольно вступлений, в блоге и без того всё ясно.
Emperor, Vigo

В защиту дальтоников

В принципе, в пересчёте доли дальтоников на общее колличество населения Земли, дальтоников не так уж мало, чтобы ими принебрегать. Дизайнер в своей работе легко может создать серьёзного рода сложности для дальтоников. Но легко может и не создавать!
Всё, что нужно для того, чтобы обеспечить доступность ресурса для людей с таким физическим недостатком – избегать маразма. Нужно перестать употреблять в описании функциональности идентификацию объектов по цвету («из десяти похожих кнопок меню нажмите красную»); и от такого оформления объектов, когда они отличались бы только цветом («из двух, рядом расположенных больших кнопок – зелёной и красной, выберите зелёную»), отказаться.
Так, например выглядят разноцветные шляпы глазами здорового человека и дальтоника:

Кепки разных цветов


Более подробно ознакомиться с проблемой можно на сайте www.vischeck.com.
Emperor, Vigo

Назначение порядка табуляции

В браузерах предусмотрена возможность перемещения между ключевыми компонентами документа (ссылками и полями форм) без использования мыши – с помощью нажания клавиши табуляции. На любой обычной странице есть три различных объекта с наиболее высоким приоритетом – это ссылка для перехода на главную страницу (или для её обновления), ссылка для прокрутки к началу страницы и поисковая форма с полем для ввода и кнопкой отправки данных. По умолчанию браузер осуществляет перемещение между объектами в том порядке, в котором они размещены и исходном коде документа: визуально важный компонент вроде бы и в начале страницы, а по очереди – даже не в первой десятке. И это вполне логично.
Для важных компонентов порядок табуляции опытный разработчик должен указать самостоятельно. Делается это с помощью атрибута tabindex=””.

<a href=”” tabindex=”1” >Сцылка на главную</a>

Таким образом, как это показано в примере, указывается порядок табуляции между важнейшими компонентами. По завершении перехода между назначенными элементами, табуляция далее происходит в обычном режиме (по порядку).
Emperor, Vigo

О подписях к объектам

Об этом не часто пишут, но стоит обращать внимание.

<img scr="" alt="Альтернативная запись" title="Контекстная подсказка" />

Согласно спецификации W3C, атрибуты воспринимаются именно таким образом, как это указано в примере. Атрибут alt на самом деле вообще должен отображаться лишь в том случае, когда отобразить сам объект (Flash, QuickTime, или изображение, как в моём примере) нет возможности. Альтернативную запись воспринимают поисковые системы. Её воспроизводят приложения для звукового воспроизведения текста (для слепых посетителей). Если это изображение Lamborgini Gallardo, таковым должно быть содержание альта. «Щелкните правой кнопкой мыши, выберите “Сделать фоновым рисунком”», - нужно писать в title. Сводить с ума поисковики и говорилки - плохо.
Emperor, Vigo

Улыбчивая старость, упущенная жизнь

- Кто-то ещё на старых ОС’ях сидит, со старыми браузерами, перед каждым выходом в интернет справочник по криптографии перечитывает…
- Жаль ребят, но надо идти вперёд!


Сегодня я решил написать о бездарности фанатического подхода к решению вопроса поддержки устаревшего ПО. Для одних (опытных и суеверных) – это суть с годами сформировавшейся религии, для других (новичков/пришельцев) – побочный эффект от бездумного прочтения книг и статей, писавшихся в эпоху «войны браузеров». Сложно предположить, какими побуждениями руководствуются разработчики, надо полагать – лучшими, однако видно, что из этого выходит: устаревшего формата код безмерно насыщается уловками, старые (вплоть до раритетов), неуклюжие браузеры удостаиваются большим вниманием, а современные предписания и стандарты, ровно как и ПО, эти технологии поддерживающее – игнорируется; иными словами, стремление не оставить за бортом пользователей устаревших обозревателей приводит «писателей» к созданию заведомо ужасного, устаревшего кода.
Отталкиваясь от сути проблемы совместимости версий, нужно признать, что подавляющее большинство пользователей web невежественно. Люди зачастую понятия не имеют, что такое операционная система или браузер, и разбираться в этом не желают. Мотивировать их сложно, только в исключительных случаях человека можно заставить разобраться в каком-то вопросе. В основном, переход к более современному ПО происходит тривиальным путём: при покупке нового компьютера или при вынужденной инсталляции новой операционной системы. Отлично. То есть на данный момент (2007-й год), самое страшное, на что стоит рассчитывать – это IE6 (и соответствующие ему по возрасту версии альтернативных обозревателей)! Остальные (более древние) программные продукты просто недоступны для нормального человека.
В какой-то (наверняка – хорошей) книге написано, что необходимо обращать внимание на IE3 (и соотв.), да, хорошо, но когда автор писал эти строки, IE7 и в помине не было. Действительно, и сейчас есть живые люди, пользующиеся допотопными компьютерами под Win 9x… Но, во-первых, такие отставшие от жизни люди – это целевая аудитория вашего грандиозного ресурса? Во-вторых, и самое главное, из-за какого-то даже не процента (ч/м)удаков вы считаете возможным дать посетителям вашего ресурса почувствовать себя обладателями выпуклого 13-ти дюймового монитора и устройства, напоминающего заурядный инженерный калькулятор…
Отличное занятие – работа над заведомо непригодным, устаревшим, требующим замены.
Emperor, Vigo

Общее необходимое представление о (X)HTML

Такова жизнь: HTML в среде web очень важен. Для разработчика или пользователя необходимо, по крайней мере, понимать следующее.

HTML (Hypertext Markup Language – язык разметки гипертекста) происходит от SGML (Standard Generalized Markup Language – стандартный обобщённый язык разметки), но в отличие от предка (так исторически сложилось) его стоит воспринимать в качестве языка форматирования и визуальной разметки документов. Вследствие этого, традиционная разметка на языке HTML обладает таким серьёзным недостатком как отсутствие структуры. Более поздние спецификации языка (начиная с четвёртой) представляют собой попытку исправить этот недостаток: область влияния языка суживается за счёт передачи задач форматирования в ведение CSS (Cascading Style Sheets – каскадные таблицы стилей). Иначе говоря, суть этой идеи в том, что HTML должен лишь определять, какого рода объект содержиться в документе; то, каким образом документ представить (отобразить) – дело CSS.

В качестве стандарта HTML уже устарел.

XHTML – это современный, совместимый с правилами языков семейства XML (eXtensible Markup Language – расширяемый язык разметки) потомок HTML. XHTML является современным стандартом, сменившим HTML 4. Родство с другими продуктами на базе XML обеспечивает большую доступность нового стандарта в сравнении с HTML. XHTML в то же время является частью семейства web-стандартов, включающего так же CSS и W3C DOM, что обеспечивает корректное взаимодействие нескольких технологий (в том числе и ECMAscript, более известной как Standard JavaScript).

DOM (Document Object Model — объектная модель документа) – это программный интерфейс, обеспечивающий полный доступ к содержимому, структуре и представлению документов для сценариев и программ. На основе этой модели документ любой известной структуры может быть представлен в виде дерева узлов, связанных отношениями типа родитель-потомок. Такая модель документа успешно используется в среде web и в сочетании с упомянутыми выше технологиями позволяет полностью разделить структуру, поведение и представление документа.
Emperor, Vigo

О качестве информационных источников

Пришёл к очевидному и логичному выводу о том, что качество авторских тематических блогов принципиально выше качества блогов сообществ (именно тематических, посвященных, например, какой-нибудь технологии вроде Flash или AJAX). В авторских материалах есть какая-то логика и последовательность, прогресс самого автора так же накладывает значительный отпечаток на публикуемые материалы. Сообщества могут предложить материал лишь весьма разрозненный, и подать его лишь в навал. Если говорить о потенциале консультативных возможностей сообществ – форумы в этом вопросе обладают уж куда большим преимуществом.