Давно присматриваюсь к разным библиотечкам для подсветки синтаксиса, решил поставить PrismJS - выглядит довольно неплохо. 

Если у вас webpack - то поставить очень просто:

1. Ставим саму библиотеку:

npm install prismjs

2. Инициализируем в entry point js

var Prism = require('prismjs'); //ставим js
require('prismjs/themes/prism.css'); //ставим тему
// Подсвечиваем все теги автоматически
Prism.highlightAll();

3. Теперь можно размечать код:

  //просто пример кода
  Object.defineProperty(Object.prototype, 'abbrev', {
    value: function () { return abbrev(Object.keys(this)) },
    enumerable: false, configurable: true, writable: true
  })

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

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

Управился всего за несколько часов, но кой-какие касяки еще остались, в частности сайт foto4doc пока всё ещё, почему-то, не хочет работать.

Возможно, еще что-нибудь по мелочи нужно будет починить, но главное - у меня теперь свежинький Ubuntu 12.04.2 LTS :)

Давно задумываюсь о переходе на более мощный хостинг. Когда я только зарегистрировал хостинг на linode. VDS с 512 МБ оперативной памяти и 25Гб жестким диском за $20 в месяц был самым выгодным предложением. Сейчас за эти же деньги на Linode предлагают 1ГБ оперативной памяти и 49Гб жесткого диска!

Оказывается переход на  новый тарифный план на этом хостинге делается элементарно - понадобилось всего два выключения сервера - один раз для перезда на новый сервер, другой раз для ресайза диска. Теперь мой сервер просто летает. И главное - полно места!

Люблю я покупать домены, наверно я плюшкин, но у меня постоянно возникают какие-нибудь идеи для реализации которых нужен собственный домен. И, хотя, не все идеи оказываются стоящими, домены всё равно приходтися обновлять из года в год.

Сколько достоит домен в сети интернет? А сколько может стоить слово из нескольких букв? Да нисколько, или ровно столько, за сколько люди будут готовы его купить. В России на большинстве хостингах цена за домен колеблется от 400 до 700 рублей. При этом для регистрации домена вы должны предоставить регистратору свои паспортные данные. При этом если ваш сайт не понравится кому-нибудь из Роспотребнадзора - то доменное имя у вас легко отберут а сайт забанят - для этого сейчас не нужно ничего, а интернет мем "Афтар выпий яаду" приравнивается к "распространению и пропаганде способов суицида". Так например, год назад закрыли сайт Леонида Каганова lleo.aha.ru только за то что на нем оказался процитирован юмористический стишок попавший в список запрещенных в сети.

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

При этом покупка доменов в зонах .ru, .su, или .рф еще как то оправдана, то покупать домены в других зонах в России нет смысла вообще, ибо российские провайдеры всё равно покупают их у иностранных регистраторов и вы за них будете платить дважды.

Решил попробовать купить домен у 1and1.com - некоторые из моих знакомых уже давно с ними работают, не сказал бы, что это самый удобный хостинг, но вот домены они продают хорошо а главное, первый год стоимость домена - 99 центов! При этом не требуется отсылать им сканы паспортов, нотариально заверять договора делать какие-либо другие телодвижения.

Все последующие года стоимость домена будет 10 долларов - это по сравнению с ценами, скажем, на hosting.rbc.ru, где я покупал домены до этого почти в два раза дешевле. Кроме того, если домен окажется через год не нужен, или проект не оправдает ожиданий, его без жалости можно будет не продлять - всё что вы потеряете это 99 центов!

Кстати, так получилось, что валидной пластиковой карты у меня на момент покупки домена не оказалось - но оказывается QIWI.ru теперь предоставляет всем пользователям своего кошелька виртуальную VISA карту с которой и можно расплачиваться в Интернет - за это им огромный респект!

Наконец восстановил доступ в Личный Кабинет Билайна. Оказывается эта штука работает только под IE! И только если снизить уровень безопасности нижу среднего в настройках. Кроме шуток, я не верил сначала. И это в двадцать первом веке!

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

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

Давно вынашиваю идею создать веб-сервис, который будет всё это делать сам и не нужно будет тратить на создание фото весь вечер.

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

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

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

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

Скриптик написанный Робертом О'Рурком (Robert O'Rourke) не только заменит все вхождения искомой подстроки в базе, но и сделает это не повредив серилизованных данных.

Очень полезная штука.

Вслед за мобильным Firefox камеру стала поддерживать и Opera Mobile под Андроид.

В отличие от Firefox под Android поддержки на уровне тега file не предусмотрено, зато доступ к камере осуществляется через JavaScript. На сайте разработчика можно ознакомится с примерами работы с камерой под Оперой.

Кстати, немобильная версия браузера с камерой работать так и не умеет. А жаль...

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

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

Для достижения этой цели прекрасно подходит техника со стопроцентным контейнером и отрицательным маржином. Ссылка на пример.

Просто и надежно.

За много лет у меня выработалась привычка использовать только те приемы CSS верстки которые дают одинаковые результаты во всех браузерах. При этом уже различия браузеров меня не сильно и волнуют - я просто не использую приемы которые могут не работать в том или ином браузере. При этом, есть вещи которые ни в коем случае нельзя делать, чтобы не усложнять себе жизнь. Одна из таких запретных вещей - никогда нельзя указывать одновременно ширину элемента вместе с padding, margin или border. Если так сделать то разверзнуться небеса и боги CSS будут гневно метать в вас молнии а демоны Interhet Explorer сделают с вами чего похуже.

Чтобы наглядно показать почему так нельзя делать я создал файлик. В нем четыре раскрашенных примера:

1. div с шириной 300 пикселей;
2. div с шириной 300 пикселей и рамкой;
3. div с шириной 300 пикселей, рамкой и паддингом;
4. div с шириной 300 пикселей, рамкой, паддингом и маржином;

Как мы видим, во всех браузерах (я использовал FF, Сhrome и IE, для простоты будем называть этот набор "всеми браузерами") картина примерно одинаковая. При этом обратите внимание - ширина 300 пикселей применяется к внутренней области HTML элемента. Т.е. если задать у элемента десятипиксельные бордер, паддинг и маржин то ширина элемента будет 360 пикслелей.

Такое поведение кажется совершенно нелогичным, но это факт - и в стандарте CSS это четко прописано. Как следствие - невозможно использовать ширину 100% вместе с паддингом, маржином или бордером - тогда элемент гарантированно вылезет за пределы своего владельца, что приведет к весьма непредсказуемым результатам. 

Но это только одна сторона медали, теперь уберем из файла DOCTYPE. Как мы знаем html файлы без DOCTYPE в Internet Explorer обрабатыватются совершенно по-другому чем с оным. Это так называемый QuirckMode или еще его называют "режим совместимости".

Во всех браузерах картинка осталась такой же. Кроме Internet Explorer.

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

Хотя режим совместимости в браузерах используется все реже и реже указанные особенности приходится учитывать при создании страничек на HTML.