Для комментариев зарегистрироваться или войти
Либо используйте ваш Open_ID, например аккаунт гугл, яндекс или ЖЖ
 

8 марта 2012.  8 марта

Этому блогу исполняется три года. Ура!

Мне интересно стало взглянуть на продуктивность моего блоговедения:

  • 1 год — 96 статей — 681135 знаков
  • 2 год — 28 статей — 170058 знаков
  • 3 год — 21 статья — 178819 знаков

Количество статей с каждым годом падает, но я надеюсь, что качество растёт. Я лично за три года сильно выросла над собой в вопросах вёрстки, яваскриптов и взаимодействия с пользователями. (Я даже узнала что такое non-replaced inline elements =)).

Я долго думала что бы такое на восьмое марта сделать: выложить результаты исследований UX, показать интересные js-разработки, или просто написать что-то про технологии.

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

  • Рейчел Нейборз (Rachel Nabors) — http://rachelnabors.com/ — работает UX консультантом, рисует прикольные комиксы и просто ведёт интересный блог.
  • Лия Вероу (Lea Verou) — http://lea.verou.me/ — безумно талантливый веб-разработчик, создатель скрипта prefixfree, сервисов Dabblet (аналог jsfiddle) и CSS3test.com (тест поддержки css3), веб-евангелист, борец с проприетарными css префиксами, и любительница семантики. У Лии великолепный живой слог статей, клёвые эксперементы с css-анимацией и многое другое.
  • Настя Манно — http://www.mannodesign.com — блог Насти посвящён дизайну, и представляет из себя смесь уроков фотошопа и подборок разных вдохновляющих плюшек, который очень приятно посмотреть, чтобы отдохнуть от всяких хтмлаяксовых сложностей. Хотя периодическое появление рекламных ссылок немного печалит. =)

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

А кого хотите попиарить вы? Публикуйте ссылочки в коментариях, и напишите пару слов о них.

Метки данной записи:

23 февраля 2012.  Всех мужчин с праздником!

Традиционно поздравляю всех мужчин сегодня. Поздравляю не только "защитников отечества", просто потому, что про Всемирный день мужчин или Международный мужской день сами мужчины-то обычно не знают. Желаю всем творческих успехов, здоровья и любви.

Метки данной записи:

8 февраля 2012.  Как протестировать взаимодействие с пользователем

Иногда, нужно узнать на какие ссылки чаще всего кликают пользователи. Сделать это можно используя яндекс.метрику, которая показывает "тепловые карты" сайта. Однако яндекс.метрика как и любой скрипт аналитики довольно громоздка. Но что делать, когда нужно маленькое и точечное решение? Тут нам поможет location.hash, т.е. та штука которую можно передать после знака # в адресной строке. Моей задачей было узнать, как на страницы нужного типа попадает посетитель, если на неё ведут ссылки двух типов. Одному типу ссылок я добавила хеш-метку, другой остался нетронутым.
Далее, после того как пользователь попадает на страницу - мне необходимо передать статистические данные для записи. Это сделать довольно просто:

// Используется JQuery
$(window).load(function(){
        ...
        // Интернет эксплорер не передаёт хеш, так что исключаем его из статистики.
        if(!$.browser.msie)
            $.get('http://usabili.ru/labs/.....?page='+escape(window.location+'|'+document.referrer));
});

Тут надо заметить что переменная window.location уже содержит в себе хеш. И вуаля. Статистика собрана. Реферер нам нужен чтобы не учитывать прямые заходы на страницу с поисковых систем, а учитывать только с конкретных внутренних страниц.

Влияние на поисковики

Отдельно хочу отметить, что использование символа # в ссылках - совершенно не влияет на поисковую оптимизацию. Хеш - совершенно игнорируется яндексом, и в общих случаях не воспринимается гуглом!

Для того чтобы хеш воспринимался гуглом - необходимо сильно постараться. Это можно сделать если ваш сайт - использует ajax для навигации, в таком случае вам необходимо начинать все хеши с восклицательного знака. Например так #!page=something. Подробнее про индексирование аякса можно почитать тут:

P.S. Я непременно опубликую результаты тестов примерно через неделю, они уже довольно интересны. =)

Метки данной записи:

18 января 2012.  Убираем баннеры с википедии

Свободе слова настала SOPA. Примерно на это как бэ намекает нам википедия:

18 января (UTC-5) на 24 часа в знак забастовки отключена Википедия на английском языке. День выбран в связи с заседанием Конгресса, на котором должен обсуждаться законопроект SOPA. Сообщество Википедии на русском языке поддерживает коллег и призывает всех тех, кто видит этот текст, помочь в противодействии принятию закона.

Я считаю что если кто-то делает сплеш баннер который блокирует частично или полностью содержимое сайта - он должен быть наказан. Вне зависимости от законопроектов. Т.е. если бы все страницы с википедии - стали бы пересылаться на сайт конгресса США (задосив его тем самым), то это было бы правильно, я считаю. Ну, подумаешь день сайт не работает.

Но использование сплеш скрина который закрывает сайт после загрузки сайта - это моветон и чёрное seo. Я решила бороться с этим через следующие правила фильтрации AdBlock:

|http://en.wikipedia.org/w/index.php?title=Special:BannerController*
|http://ru.wikipedia.org/w/index.php?title=%D0%A1%D0%BB%D1%83%D0%B6%D0%B5%D0%B1%D0%BD%D0%B0%D1%8F:BannerController*

 Расширение Adblock, если кто не в курсе служит для блокировки рекламы в Firefox и Chrome. Данные фильтры - возвращают доступ к английской википедии. Ну и заодно убирают грустные лица создателей с российской версии.

Я считаю что когда википедия ограничивает мой доступ к статьям про Римский календарь, Делитель нуля, Процедурное программирование, Разделение ответственности, Дамаст, ECMAScript, Объекты первого класса, Boot to Gecko, Божественный объект, Прокрастинацию, Songket, Эритрею, Напалм, SATA и сериал Рим, тогда это хуже чем любая SOPA!

С прошедшими праздниками вас!

Метки данной записи:

31 декабря 2011.  С новым годом!

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

С праздником!

Метки данной записи:

13 сентября 2011.  С днём программиста

Собственно сабж. Поздравляю всех коллег с Днём программиста! Желаю чтоб код запускался без отладки, точки с запятой ставились сами, и лишние кавычки не попадали в БД. =)

Всем JS-программистам и верстальщикам отдельно желаю чтоб заказчики не пользовались IE.

Метки данной записи:

8 марта 2011.  С 8 марта

Поздравляю прекрасную половину человечества с праздником!

P. S. бложику кстати 2 года. Более 120 статей написано. Ура.

Метки данной записи:

31 декабря 2010.  С новым годом

С праздником, дорогие читатели.

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

Предсказания тенденций веб-разработки, данные в начале года, хоть и были шуткой, но наполовину сбылись.

За этот год, я написала 42 статьи, надеюсь интересные.

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

Программа SpeedFan — небольшая программка, умеет показывать количество оборотов всех кулеров, а кроме того показывает состояние s.m.a.r.t. вашего жёсткого диска.

Glary Utilities — набор всяческих полезных утилит для windows. Из самых вкусностей — возможность одним кликом почистить приватные места и временные файлы.

Сards808.info — онлайн магазин очень дешёвых игральных карт, и прочей атрибутики. Bicycle, Talli-ho, дизайнерские колоды; я просто недавно начала увлекаться этим делом.

Tabifier — онлайн-сервис, который расставляет отступы в html или css коде.

Набор функций для быстрой работы с текстом text.cav.in, вообще всячески полезен. Содержит функцию php-tabify, которая позволяет расставить отступы (без переносов строк) в php-коде.

Метки данной записи:

28 декабря 2010.  Сбор doctype статистики за декабрь 2010

Перед новым годом, я провела очередной сбор веб-статистики с фокус-группы, т.е. компаний по мнению яндекса создающих сайты.

Предыдущие сборы доступны по ссылкам:

Яндекс к сожалению ограничивает выдачу только сотней страниц, точнее позволяя скачать только 1010 сайтов. Из них, два сайта были недоступны.

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

Gzip

Gzip поддерживают 412 сайтов из 1008 проверенных, это 40.8%. Что улучшает прошлогодний показатель аж на 10%.

Напомню что в декабре 2009 этот показатель составлял 30.5%, в апреле 2009 - 22.6% (360 сайтов из 1592), а в июне 25.3% (405 из 1599).

Заголовки

Картинка по заголовкам такая:

    [HTTP/1.1 200 OK] => 967
    [HTTP/1.0 404 Not Found] => 5
    [HTTP/1.0 200 OK] => 16
    [HTTP/1.1 404 Not Found] => 10
    [HTTP/1.1 200 Ok] => 5
    [HTTP/1.0 200 Ok] => 1
    [HTTP/1.1 200] => 3
    [HTTP/1.1 301 Moved Permanently] => 1

Что говорит о том что у некоторых серверов использовалась старая версия протокола http, не поддерживающая компрессию и другие плюшки. Это у солидных-то компаний.

Метки данной записи:

Предыдущие записи, смотрите в архиве новостей »

Подпишитесь на статьи через RSS

15 самых популярных статей: