Большой проблемой был выбор шрифтов для сайта, потому что вроде бы мы знали, как перечислить список шрифтов, но были ограничены системными шрифтами, установленными у пользователя на компьютере.

.post { font-family: Papyrus, sans-serif;}

Вот статья Список, разбитый на колонки с сайта нашей самой известной веб-студии artlebedev.ru. Максим Никитин усложняет задачу. Мы (т.е. не работники этой веб-студии, и даже не профи-кодеры) дураки, а они гуру. Итак, как сделать то же самое, но намного проще (люблю минимализм): в исходнике html моё верхнее меню на чёрном фоне ul class="mainun" и далее в моей таблице стилей описание класса mainun. Я не изобретала велосипед, а штудировала зарубежные ресурсы по CSS. Ширина списка и элемента списка — фиксированная. Код CSS:

Приму нематериальную (творческую) помощь в создании favicon сайта: от идеи до реализации. Также принимается нематериальная помощь в разъяснении jQuery, благозвучном переводе авайских терминов на русский. Отблагодарю приемлемым способом.

ЗЫ. Штук 7 недописанных статей (50-70%). Дачный сезон внёс коррективы.

Плагин фотогалереи у меня есть — это официальное дополнение к движку ExpressionEngine. Но хотелось бы получить красивый и современный способ всплывания фоток и видео с выполнением скрипта на клиентской стороне (компьютере пользователя). Отдельно такое реализовывалось на Java скриптом LightBox и его вариациями: Litebox, DarkBox, HighSlide JS (на сайте Московской Патриархии), FancyBox (этот на jQuery) и куча других. Нынче же очень популярна jQuery (javascript framework), посему хотелось бы чего-то универсального, что можно использовать в разных целях и не париться с интеграцией в темплейт фотогалереи:

• jQuery UI
• jQuery Tools, здесь же аудио- и видеоплеер FlowPlayer
• плагины на jQuery.com

jQuery ещё и тем хорош, что тесно связан со структурой CSS: заголовки, слои, списки, классы. Что работает быстрее, что менее глючно и проще в использовании? Что пожирает меньше пользовательских ресурсов, независимо от ОС и браузера? Вопросы без ответа.

Статья jQuery для начинающих. Ещё бы мне разжевали, как настроить мой фотоальбом под мои конкретные цели: разделы Avaya (S8xx, IP Office, телефоны, платы поделены по назначению), NEC, LG, личное (с подразделами), МИРЭА, коллеги. В открытом разделе фотка всплывает и просмотр клавишами, внизу мелкое слайд-шоу, наверху ссылка на сайт и всплывающие другие разделы и подразделы. Если получится, туда же прицепить видео, например про Audix — да про что угодно. Озвучку желательно на русском. Это всё далёкое. Главное для словаря сделать раздел Avaya с фотками с дополнительной нажимающейся кнопкой всплывающего описания. И доступ для залогинившихся. И чтоб нужные фотки из галереи при необходимости вставлялись в статью со ссылкой на дополнительные фото из той же галереи.

Доделала сайт своей бывшей работы http://sdk.ru. Основная часть была сделана когда я там работала. Ни одной ворованной картинки. Картинка логотипа — это моя фотка серверной. Но в первоначальной версии сайта, когда была 1 страница, картинка была больше — предполагалось большое количество разделов. А сбоку можно даже заметить системный телефон NEC Dterm. Остальные фотки — с объектов. Вообще наполнения очень мало, сайт статический.
По-хорошему можно бы сделать лучше, но неохота. Тем более картинок и их psd (который для фона) не могу найти – потерялись где-то, хотя ведь я всё храню. Ну и в Photoshop-е я не сильна. Сложности сайта: кроссбраузерность, всё на CSS, проблема с позиционированием footer — всегда должен быть внизу, даже при короткой странице.

Так о главном… об интуиции. За день до того как мне прислали сообщение по аське с прошлой работы я зашла на сайт, увидела, что там что-то убрали, и подумала, что вот надо бы как-то доделать, а то нехорошо что он висит «Under Construction».

А вот почему там убрали кое-что это отдельная неприятная тема про Одноклассников. Один из них, который фигурировал у меня в дневнике как Папа, кинул своего одноклассника, который изначально фирмы организовал. Как раз когда я уходила, была история с людьми в масках. В итоге мою фирму выселили, а начальник остался без второй и третьей организаций (голосования на 1 канале и пр.). Папа благополучно купил себе квартиру в Москве и в Турции, а теперь ещё и на суд подал. Так что дружба — она только когда нет денег или небольшие деньги. А как пойдут большие деньги — тут она перестаёт существовать. Впрочем, всё это уже давно описано в «Капитале» Карла Маркса.

В издательском деле и веб-дизайне немаловажным фактором является удобство ввода тире, русских кавычек-ёлочек, денежных единиц (евро и подобные), дробей, неразрывных пробелов, ударений, знаков параграфов  и других спецсимволов.
Рассмотрим ситуацию с кавычками. Изначально на клавиатуре в английской раскладке на кнопке буквы Э предусмотрено два варианта – одинарный апостроф ' или двойные кавычки ", плюс наклонный апостроф ` на кнопке с буквой ё. В русской раскладке кавычки " набираются комбинацией Shift+2, но это кавычки-лапки, а не кавычки-ёлочки. А привычных русских кавычек-ёлочек на клавиатуре вообще ни в какой раскладке нет, т.е. надо набирать спецсимволы из таблицы символов.
Иногда хочется набрать квадратные [] или фигурные {} скобки, прямую черту |, которые уже есть на клавиатуре, но тоже в английской раскладке. Итак, задача для модифицирования клавиатурной раскладки:

• вводить символы, присутствующие в английской раскладке, не переключаясь на английский
• вводить символы, которые можно вставить из таблицы Символов или с помощью неудобной комбинации Alt + четыре цифры, но нельзя ввести простым сочетанием клавиш

В ЕЕ есть различные виды дополнение: extensions, plugins, modules.

File extension – замена стандартного во вкладке публикации

LogMeIn – автоматическое залогинивание, у меня используется при скачивании файлов.

Заголовки страниц появляются в верхней строке браузера и в результатах поиска Yandex, Goggle и пр.

В html-коде страницы они расположены внутри тегов <head> и <title>:

Что общего между моим сайтом и сайтом Барака Обамы?

Они сделаны на одном движке ExpressionEngine, только мой сайт до ума не доведен )) Ну правильно. Ему сайт делали специалисты, а я сама ваяю. Фотошопа хочу!

Wordpress – бесплатный, этот платный (но я пока не плачу), но лучше. И даже если и платный, то не такой дорогой. Полезно почитать статью о смене мышления при переходе с Wordpress на ExpressionEngine Switching Mindsets: From WordPress to ExpressionEngine.

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

Спасибо ребятам с EEclub, которые приняли меня в свой клуб. За софт, помощь, отзывчивость.

Бесплатная программа от Мicrosoft WLW как нельзя кстати подходит клиентам веб-дизайнеров и тем кто ведет свои дневники и хочет редактировать сайт/блог в программе подобной Word, не заходя в панель управления сайтом и не вникая в премудрости html-кодинга. Можно без труда скопировать текст из Word или другого источника в WLW и при этом получить чистый код на выходе. Руководство пишу так, как хотела бы, чтобы все остальные писали.

Блоги и системы управления сайтом (CMS), поддерживаемые Windows Live Writer:

• Wordpress.com
• Blogger
• Atom Publishing Protocol
• TypePad
• LiveJournal
• Movable Type
• Wordpress
• Wordpress 2.2+
• Community Server
• dasBlog
• Radio Userland
• Metaweblog API
• Movable Type API  (это указывается для EE)

WYSIWYG-редакторы, которые я встраиваю в панель администрирования ExpressionEngine, пока оставляют желать лучшего: узкое окно, непонятно как их настраивать, как добавлять теги. Сам EE тоже некорректно обрабатывает записи: например тег с классом он не воспринимает, а тег без класса — нормально. Т.е. в тег с классом он может добавлять ненужные мне обрывы строки. Зачем-то добавляются разрывы строк в списки, после заголовков, т.е. я получаю двойные разрывы строк, вместо нового параграфа я получаю два разрыва строки. Составить таблицу вообще нереально.

• Select > Color Range, а затем Layer > Layer Style > Color Overlay по этой маске. И задавай новый цвет, который тебе нужен. Правда, если цвет нужно менять кардинально, то можно получить геморрой на краях выделенной области. Будет "просвечивать" старый цвет.


• image/adjust/replace color


• Слева в панети инструментов Replace Color, но тоже проблема с краями