lexxcode

Для начала можно написать в css
button::-moz-focus-inner { margin: 0; padding: 0; border: 0}

Там, кстати, да по умолчанию снята галочка с набора кириллических символов. Нужно заходить в экспертный режим и в нем уже настраивать все. Я когда-то ультра давно писал статью по нему http://css-live.ru/faq/ne-standartnye-shrifty-v-web-vmeste-s-fontsquirrel.html она уже в парочке мест устарела, но думаю все равно будет полезна.
Roboto шрифт бесплатный, по этому с ним и белкой проблем не будет. Да и если шрифт бесплатный, то он 99% есть на http://webfont.ru/ нет необходимости возиться с конвертированием. А вот если шрифт платный, то он вероятнее всего в блэклисте белки, и его конфертировать не получится. Тут тогда два нелегальных пути: 1. Обойти защиту белки (но я не буду рассказывать как это делать  ); 2. Использовать FontForge для конвертирования.
 
Да кому он нужен тот гуглофонтс, когда есть webfont)) 
 
 
 
ну не знаю, сколько конвертировал белкой, проблем не было. Если в шрифте впринципе заложена кириллица, то она будет и в eot

В фотошопе Дизайн рисуют, а не css пишут
 
В принципе без разницы какой фотошоп. Но в Photoshop CC (это самый новый который) сделали не большой уклон в сторону удобства разработки UI. Много полезных штук появилось.

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

ну не обязательно же текст функции. В данном случае в аргумент передается именно вункция f, а не ее результат f(), так что вполне должно работать. А что касается 'r('+f+')', то это просто строчная нотация для setTimeout, setInterval ведь. Только ее вроде бы не советуют использовать, лучше было бы так написать:
r(function(){ alert('DOM Ready!');})function r(f){ if(/in/.test(document.readyState)) { setTimeout(function(){ r(f); },9); } else { f(); }}

Потому что (из доки): 
.on( events [, selector ] [, data ], handler )
 
$('#modalEditAlbum').modal() - это ну никак не handler. Ты пытаешься в место где должна вызываться функция вставить результат выполнения функции. В данном случае можно попробовать сделать так:
$(document).on('click', '.edit_album', $('#modalEditAlbum').modal); // убрать () после modal

Вариантов тележка 
http://jsfiddle.net/alexriz/1s7twbjj/
http://jsfiddle.net/alexriz/g1xvcash/
http://jsfiddle.net/alexriz/oxdtLdqg/

Лучше иметь один сайтик с разделом портфолио в котором у тебя будут твои работы сложены. Раскладывать каждую работу на отдельный домен весьма странное решение. Ты же не будешь своему потенциальному клиенту кидать десяток разных ссылок на работы еще и на разных доменах?. Удобнее просто кинуть одну ссылку на портфолио и пускай он смотрит, что ему интересно. 
 
Следующий момент, собственный сайт-портфолио призван представить тебя как разработчика общественности. Следовательно он четко должен давать понять чьи это работы. Если ты будешь кидаться разными ссылками, этого эффекта не будет.
 
Если у тебя портфолио представляет из себя некий набор статичных страниц, то я пожалуй поддержу предложение выше, запилить это все на github pages. Более того, если я ниче не попутал, то там вроде были даже какие-то интересные API для более удобного управления всей этой статикой, что-то на подобии примитивной cms. 
 
А потом уже, когда освоишься, и надо будут какие-то дополнительные возможности, то покупаешь VPS на DigitalOcean плюс домен, на чем-то надежном вроде Internet.bs . Получаешь в руки полноценную систему, где-то в Амстердаме, и радуешься жизни, поднимаешь все что душе угодно. Естественно к этому времени ты будешь получать нормальную з/п, и ты даже думать не станешь об бесплатных хостингах. 

Нужно просто читать документацию. Это же элементарная задача. Для таких целей нужно использовать всплытие. В твоем случае получится примерно вот так:
/* Вешаем событие на document */$(document).on({ click : function() { //bla }}, '.js-click'); // ожидаем всплывшее событие от селектора .js-clickУхты, что это за микро Angular.js?

Проблема в том, что ты пытаешься совместить несовместимое. У тебя для блоков .news и .rightMenu установлены параметры display:inline-block; плюс одновременно с этим для .rightMenu ты указываешь float:right;, что в свою очередь насильно переводит блок в режим display:block; вопреки тому что у тебя стоит display:inline-block. Вот в следствии всей этой путаницы браузеру сносит крышу. Странно что оно вообще хоть в каком-то состоянии в куче держится. 
 
Тебе всего лишь нужно убрать float:right; у .rightMenu и добавить vertical-align: top;
 

Попробуй файл картинки подписать латинскими буквами. (И вообще всегда все нужно именовать на англ, а пробелы заменять подчеркиванием_или-дефисом)
 
Судя по всему еще присутствуют проблемы кодировки, и наверняка параметров локализации на сервере. Ибо дефолтные страницы ошибок сервера вываливаются в win-1252 кодировке. А это явно не гуд