DevDocs - пишу в процессе разработок

“PSD -> HTML” + “BP 1.2 pre-ru_RU”...

Времени почти ни на что не остается из-за общей загруженности. Но учиться все равно надо. PHP временно отдыхает, так что я занялся psd и обычной версткой html.

На днях клиенту надо было конвертировать готовый PSD дизайн в обычный html. Оказалось все намного проще, чем я предполагал! Я справился в  общей сложности за 6 часов для морды сайта (правда, надо сказать, что морда не перегружена была элементами – стильно и со вкусом все). Так что по большому счету я могу перегнать любой psd за сутки (но это увеличит стоимость, так как сутки безвылазно за ноутом – это жестоко). Кому надо – обращайтесь! :)

Еще подготовил перевод для BuddyPress 1.2 :) Надеюсь на то, что русский вы получите в тот же день, что выйдет и английский вариант. Я также пересмотрю некоторые фразы – хочу сделать получше. Если вы можете сказать мне стилистически неверную формулировку (или вообще если есть замечания по переводу), то говорите смело, не стесняйтесь. Я учту все, если это будет целесообразно и полезно для всего сообщества. Так что ждите!

PS А еще я подбираю себе новый фотоаппарат :) Хочу ультразум.

Технические работы убивают креатив...

В связи с недавними проблемами на моем сайте – его недоступностью в течение суток – мне пришлось искать выход из положения. В итоге, благодаря своему хостеру AviHost, у меня появился VDS. Так как я до сих пор ни разу не сталкивался со своим vds, то вопросов у меня была огромная куча – я же ничего не знал про работу его операционной системы (а я выбрал Debian 5.0 благодаря советам Султана (aka Sol) Салпагарова).

После установки, ряда случайных тыканий и чтения всяких малопонятных текстов, а также кучи сделанных ошибок, я выяснил, что ничего, кроме Apache у меня не стоит. Пришлось ставить и настраивать PHP, eAccelerator и MySQL самостоятельно. Спасибо огромное Александру за его безграничное терпение и советы!

Кстати, я не захотел ставить ни ISPManager, ни DirectAdmin, чтобы сэкономить на ресурсах. Так что меня ждет нереально мощный гемор по настройке всего сервера… Но это пока чуток позже :)

Далее.

Я решил почистить свою демо-базу – в ней было 1000 таблиц. В итоге – удалил всех пользователей без аватара (это почти все старые пользователи, которые несколько месяцев не появлялись). Также пошли лесом почти все блоги (удалял по принципу отсутствия хотя бы одной записи, кроме Привет мир, и те, которые обновлялись более полугода назад). Всего осталось чуть более 400 таблиц. Я вот подумал, может, сделать плагин, который будет это делать? Идея неплохая и в реализации вполне возможная…

Из-за всех этих работ мой кретив потерял запал, а мне надо закончить сегодня плагин Transfer, который позволяет переносить из вашего основного блога любые рубрики (вместе с записями) и страницы в новые созданные пользователями блоги при регистрации. Этот плагин делаю на заказ…

Учу Photoshop и js...

Сегодня полдня свет мигал – то он был, то пропадал. Все это время я не мог быть в интернете, поэтому провел время, разбирая свою библиотеку разработчика.

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

Еще понял, что пора учиться умело работать с Photoshop, так как очень полезно бывает и заметно добавляет цену умениям. Но пока мне просто нравится учиться. И вообще, я понял, что учиться программированию – это интересно.

Если в фотошопе я просто брал какой-нибудь рисунок/иконку, и глядя на него создавал его копию (ну или как можно ближе к оригиналу), то с кодом чуток посложнее. Нельзя открыть файл готового кода и просто перепечатать его в другом файле – я так ничему не научусь. Приходится смотреть на полученный результат в браузере и пытаться догадаться, какая структура кода использовалась… Процент угадывания – меньше 15% :) Но зато радости сколько, когда я сделал тоже самое, что и другой человек – но более простым способом (на мой взгляд).

Я был бы очень рад, если среди читателей моего сайта нашелся бы человек, который не отказался помочь мне в обучении. Я способный ученик – многое уже умею, так что азы можно пропустить. А вообще, лучший способ что-то сделать – анализировать: код, структуру, стили, семантику и прочие составляющие.

UPD: Начал работать над страницей Плагины. Также обновлю страницу Шаблоны (добавлю туда CosmicBuddy). Сделаю для этих страниц возможность комментирования. Может, еще что добавлю… И постараюсь все это провернуть сегодня.

UPD2: Материала так много, что я даже не знаю, с чего начать. Поэтому пока просто структурирую и налаживаю свой собственный сайт.

Работа кипит – плагины пишутся...

Прошу прощения, что ничего последнее время не публикую. Я просто сейчас совмещаю отдых + подготовку к экзамену (ага, у меня продолжение сессии) + пишу 2 своих плагина.

Один отображается в сайдбаре здесь – это CD Scheduled Blog Stat Check (SBSC). Я пытаюсь использовать крон в нем для снижения нагрузки на сервер при сборе и отображении статистики сайта. Пока он только для WordPress(MU) и в стадии беты – кое-что в нем не работает, не могу понять, почему.

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

Обновление CD.com до WP 2.9...

Обновился до версии WordPress 2.9. Пока обнаружил неработющим только Simple Tags, но я уже исправил ошибку и плагин заработал. Там надо в файле simple-tagы.php (в папке плагина) число 2.7 заменить на 2.9 на строке 35. И все…

Все его фичи пока не проверял – нет времени.

Также изменил форму на странице Контакт, и вообще, я избавился от тяжелого cForms. Поставил скрипт формы контактной страницы от Travor Davis.

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

Планирую всю шапку также заточить под спрайт – объединить все рисунки и изменить стили.

Самое интересное, что никто разницы не почувствует, мне так кажется. Но для себя интересно.

PS Так как я перешел с хрюшки на Windows 7 и в ней изменена структура папок пользователя (нет Documents and Settings, но есть Users), то все мои дополнения к FireFox теперь не работают. Я не могу анализировать сайт с помощью Firebug, поэтому я буду весьма признателен, если кто-нибудь из вас проведет анализ с помощью Yslow и отправит мне результаты (или даст ссылки на полноразмерные скрины). Мне интересны http запросы… Хотя по большому счету, интересно все :) Ибо делаю изменения к лучшему в слепую.

Внедрение спрайтов на CD.com...

Вчера вечером потратил время для того, чтобы научиться пользоваться спрайтами. Воспользовался генератором спрайтов просто для того, чтобы получить готовые координаты (мне надо было понять логику), потом в Photoshop’e отредактировали и уменьшил вес готового рисунка. Кстати, png-24 без прозрачности на мелких рисунках дает лучший результат, чем jpg, gif или png! Я удивился.

Далее я внес необходимые изменения в файл стилей CosyDale.com – и теперь в верхнем правом углу за блоком поиска вы можете видеть изображение карты сайта и ссылки на Twitter.

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

Zlib сжатие включено...

Давно знал, но все забывал после переезда поставить zlib-сжатие своего сайта. Наконец-то, сделал это. Лично я разницу ощутил (особенно ощутил, потому как на момент визуального тестирования у меня на полную ширину канала работал торрент-клиент, так что скорость загруки сайта была минимальная, но за счет сжатия – достаточно быстрая).

Для тех, кто прочитав строки выше, не понял, что делать, вот вам ссылка на соответствующий пост Алексея: Как за 1 минуту ускорить ваш блог в 3 раза. Это лишь одна из техник увеличения скорости загрузки сайта… О некоторых я писал вот тут и тут. И не забываем про WP-Super-Cache и/или Maxsite Cache…

P.S. На днях планирую выложить парочку интересных плагинов и один неплохой шаблон (или два). Так что ждите обновлений!

Оптимизация css CD.com: Обновите ваш кеш...

Сегодня с утра я решил заняться оптимизацией файлов стилей своего сайта CosyDale.com.

При каждой загрузке любой страницы у меня подгружались 10 (!) файлов стилей – от разных плагинов + 2 собственных файла. Это увеличивало время генерации страницы + добавляло запросы, что отрицательно влияло на скорость загрузки. Согласно YSlow у меня бальный показатель был равен 63.

Я проанализировал все плагины, которые использовал и которые загружали свои стили. Я вынес все стили в один файл. Немного ужал отображение. В коде плагинов убрал их подключение их собственного css.

Итог:

  • я набрал 75 баллов;
  • всего 1 файл стилей используется;
  • согласно tools.pingdom.com – время загрузки страницы уменьшилось почти в два раза.

Поэтому советую всем, особенно пользователя Opera 10, обновить свой кеш – иначе на моем сайте могут быть некрасивости. Для обновления в IE,  FF и Chrome – Ctrl+F5, в опере – Ctrl+R или F5. В Safari все и так нормально.

PS Вечером планирую заняться спрайтами и в целом графикой на сайте. Это тоже добрый кусок оптимизации.

Спам с BuddyPress – прорвало...

Сегодня обнаружил, что со вчерашнего дня началась навала спам-регистраций на демо-сайте. Это значит, что закончился период спокойной жизни социальной сети BuddyPress 1.1.x. Теперь придется чуть ли не каждый день подчищать базу. Обидно… Счастье продлилось всего несколько недель…

Пора придумывать новую технологию защиты :)

UPD: Я буду удалять все пользовательские аккаунты, зарегистрированные начиная с сегодняшнего дня и без обновленной аватарки! Так что если хотите тестировать – регистрируйтесь и меняйте ваш аватар на любой другой! Бой спамерам и сплогерам!

Смена структуры отображения записей на главной CD.com...

Сегодня я сидел на лекции с послом Чехии в Украине. Он рассказывал про Чехию, Лиссабонский договор, который она подписала, про демократию, студенчество и еще много чего… Но мне было скучно :) Поэтому я взял листок бумаги и начал рисовать слегка подправленный дизайн своего сайта CosyDale.com. Так как лично мне нравится цветовая гамма и многие элементы текущего дизайна, я решил представить, что можно было бы изменить в структуре отображения записей на главной – так как это часть должна быть наиболее удобной для посетителей.

Основная цель изменений – наиболее легкий поиск разнонаправленных записей на главной без перезагрузки страницы, все должно быть разделено по рубрикам.

Я попытался представить себя:

  1. человеком, который постоянно посещает этот сайт, потому ему нет необходимости просматривать весь список записей – то есть на морде должны быть хронологически отображаемые последние записи. Этот пункт также рассчитан на тех, которые не любят привыкать к чему-то новому и которых вполне удовлетворяет текущее расположение записей.
  2. человеком, который первый раз пришел на мой сайт или заходит на него крайне редко. Ему может быть неудобно просматривать записи по рубрикам (слишком много перезагрузок), тем более пагинации на морде у меня нет… Необходимо четкое разделение по рубрикам – чтобы проще было искать записи “по интересам”.

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

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