About alex.kotomanov

Приветствую! Меня зовут Александр Котоманов. По специальности я верстальщик. Интересуюсь проектированием интерфейсов, юзабилити, типографикой. Также меня интересует проектирование социальных сетей и интеренет-сервисов. Живу в Санкт-Петербурге. Работаю в компании Yota.

Twenty Eleven

Aside

Поддерживаю традицию использования темы по умолчанию в WP. Причиной этому является, с одной стороны, собственная лень. С другой, мне очень понравилась тема Twenty Eleven, которая предустановлена. И вообще, последнее обновление до версии 3.2 очень порадовало.
Из замеченных мной нововведений:

  • У записей теперь есть типы: Стандартный, Заметка, Ссылка, Галерея, Статус, Цитата, Изображение
  • Тема доступна в светлом и тёмном варианте
  • Есть возможность менять цвета ссылок, фона, загружать фоновую текстуру, выбирать тип разметки через админку
  • Изображения в шапке меняются случайно при заходе на страницу
  • Поменялся внешний вид админки

Весь список изменений можно посмотреть здесь: http://codex.wordpress.org/Version_3.2

IE и ограничение на подключение внешних стилей. Update

В прошлом году я столкнулся с пробемой в IE, связанной с ограничением на подключаемые стили. Недавно узнал, что в новом IE10 этой пробемы не будет.
Теперь это ограниченичения увеличены до:

  • 65534 правил в таблице
  • 4096 таблиц в документе
  • 4095 уровней вложенности для @import (с ограничением в 4095 таблиц)

Одним словом, цифры настолько большие, что на ограничения можно не обращать внимания.

Шпаргалка по клиентской оптимизации

Небольшой список правил, которые помогут сделать ваш сайт более быстрым:

  1. Минимизировать количество файлов
    1. Все JS файлы собрать в один
    2. Все CSS файлы собрать в один
    3. Использовать спрайты для иконок и прочей графики
  2. Использовать CDN (Content Delivery Network) для статических компонент (JS, CSS, картинки)
  3. Добавлять expiration date в заголовки статических компонент
  4. Сжимать текстовые компоненты с gzip
  5. Оптимизировать графику (Fireworks, Smush.It) – уменьшить размер файлов
  6. Не масштабировать картинки в HTML или CSS (указывая неверные размеры)
  7. Подключать CSS в начале HTML-документа (в секции head)
  8. Подключать JS в конце HTML-документа
  9. Не использовать инлайн JS и CSS
  10. Проверять JS и CSS на дублирование кода
  11. Избегать CSS expressions
  12. Избегать фильтра AlphaImageLoader
  13. Избегать URL-редиректы
  14. Минимизировать количество DOM элементов
  15. Избегать HTTP 404 ошибки (ссылка в коде на несуществующий файл)
  16. Уменьшить размер cookie

И несколько инструментов, которые помогут в этом:

  1. Firebug
  2. YSlow + Smush.It
  3. Page Speed
  4. Web Developer Toolbar

Правила поисковой оптимизации

Недавно на работе написал шпаргалку по поисковой оптимизации. Решил, что можно и сюда выложить. Тут я собрал основные базовые принципы, использование которых помогает проиндексировать сайт правильно. Это то, что должны знать в первую очередь верстальщики и вебразработчики. Тут нет специальных трюков и «грязных» методов по раскрутке сайта, которые иногда популярны среди seo-шников.

Continue reading

О Hackday

В этом году я впервые побывал на мероприятии под названием Hackday, хотя оно проходит аж в девятый раз. До этого я следил за этим событием и даже подавал заявку на участие, но как-то не нашёл времени придти.
Мне сразу понравилась идея этой встречи — встретиться, пообщаться и посоревноваться на реальных проектах. Continue reading