zlodeev

Так border-box'ом это и решается.

Есть код, который ты написал?

Я не вижу, что на скрине пункты меню одинакого размера. И как вы себе представляете потом это меню, при появлении еще одного пункта. Скрипт универсален в данном случае.

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

Проблема в том, что при изменении числа элементов, придется пересчитывать все медиа запросы, если я правильно воспринял референс

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

Ускорить написание HTML - Emmet и знание всех горячих клавиш редактора (мультиредактирование, замены по всему документу и т.п.), плюсом будет наличие собственных сниппетов. Готовые участки кода не редко помогают. Имеются конечно препроцессоры для HTML, но особо смысла в них не вижу в реальных проектах, разве что на codepen побаловаться. Ускорить написание CSS - SASS или LESS, я пользуюсь SCSS (больше на CSS похож, не путаюсь с отступами и вложенностями) и выучи @mixin и flex Чтобы видеть все изменения моментально - ставь codekit или для текстовых редакторов плагин livereload Чаще пользуйся веб-инспектором и если что не так вклинилось в поток - выбирай в инспекторе CSS свойство и стрелками вверх и вниз меняй его и наблюдай поведение элементов.

В макете есть треугольник с фиксированной высотой в 60px и растянутый на всю ширину экрана. Как такое реализовать через CSS? Насколько я понял, вариант с бордерами не прокатит из-за параметра border-width не принимающего проценты. Думал ещё на счет трансформаций, но боюсь на счет того, что старенькие браузеры подкачают.

Все ж написано, на 611 строке у тебя символы в неизвестной для utf-8 кодировке <a href="https://metrika.yandex.ru/stat/?id=24230359;from=informer"target="_blank" rel="nofollow"><img src="//bs.yandex.ru/informer/24230359/1_0_000000FF_000000FF_0_pageviews"style="width:70px; height:10px; border:0;" alt="������.�������" title="������.�������: ������ �� ������� (���������)" onclick="try{Ya.Metrika.informer({i:this,id:24230359,lang:'ru'});return false}catch(e){}"/></a>

Либо разделяя эти блоки по колонкам. Либо через http://jsfiddle.net/xqejP/4/

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

Тоже об этом подумал, всегда размышлял о том, как реализовать подобное с большим КПД. Например, что будет, если заменить текстовую новостную ленту, картинками-ассоциациями?

Думаю, что соригинальничал с новоей своей страничкой, но сомнения все же гложат. Зацените идею для сайта-портфолио, сделал основную верстку и немного адаптивности. http://zlodeev.tk/ поизменяйте размер экрана постепенно адаптивного там, только отображение и скрытие определенных участков при разных разрешениях. Короче, если одна из картинок пропадает, то появляется её заменитель в меню, которое будет сверху. Хотел заодно спросить, можно ли как-нибудь цельной кртинкой сделать подложку, чтобы получился такой эффект без нарезки и background-position?

Объяснтие что тут не так? Он наверно имел ввиду то, что вы в строковый элемент пихаете блочные