Александр Зачиналов

Серверный рендеринг нужен чтобы:
1. Пользователь получил уже отрендеренный интерфейс, вроде как быстрее, приятнее и т.д. - на мой взгляд такое себе преимущество
2. Для индексации поисковиками - главное и основное

Рендерьте на сервере те компоненты, индексация которых важна. Всякие ГуглоКарты, корзины интернет-магазинов и прочее рендерить не надо.
Не надо индексироваться - не мучайте ни себя, ни Тостер.

Array.prototype.filter
Array.prototype.indexOf

И заворачивайте всё, что в теге body, во .wrapper. В будущем поможет избежать многих проблем

https://ru.wikipedia.org/wiki/%D0%A0%D0%B5%D0%BA%D...

Используем box-shadow во избежание переполнения. Пример

Всем привет, это снова я.
Молодой человек! Вам 23! ВСЕГО! А Вы уже как я, по-старчески, ворчите. Я таких как Вы, вижу ежедневно. Сейчас поясню. В моем городе туго с программистами, хотя город молодежный, продвинутый (в Томске я живу). Мы постоянно ищем людей, сейчас в сторону удаленных разработчиков уже смотрим, потому что на собеседования приходят такие как Вы. Не в плане опыта, а в плане запросов. 23 года, опыта никакого нет, но нужно мне минимум 40 тыр. Родной! За что? Пойми, чтобы понять какой-ты как разработчик, с тобой нужно поработать пару месяцев, а в среднем первый "выхлоп" от тебя будет только через полгода. Поэтому такой мой Вам совет, если хотите развиться как разработчик, стисните зубы, объясните все жене, и идите джуниором. Лучше в Java или C#. Набирайтесь опыта. В нашей сфере работодатели в основном адекватные и видят, когда от Вас уже есть толк. И не стесняются повышать ЗП.

Удачи Вам!

Прекратить пользоваться этим раскрученным маркетологами г-ном.

Насколько я могу судить, рекомендуется минимизировать количество и размер файлов.
Если это необходимо, писать CSS непосредственно в коде страницы.
Но выносить вниз аж за html?.. Любопытно, но этими советчиками планируется сначала показать текст, а когда-то потом замереть, построить CSSOM, и оформить страницу?) Я так никогда не делал, не делаю и не буду делать.

1. Я бы ещё понял попытку взять свойство innerText после обращения к методу focus. Но попытка вызвать этот метод у пустой строки?) Это выходит за рамки.

2. Составлять выражения можно, если понимать, что стоит слева от точки. В данном конкретном случае с помощью нативного Javascript ничего не выйдет. Насчёт пустой строки уже выяснили, а метод focus() вернёт undefined.

3. Если вы нацелились на нативный Javascript, то надо знать, что previousSibling вернёт ссылку на предыдущий узел.
Во-первых, его просто может не быть, если элемент — первый ребёнок.
Во-вторых, этот узел может быть текстовой нодой, появившейся в результате форматирования. Ей-то точно фокус не передать.
Для получения ссылки на предыдущий элемент в интерфейсе Node есть свойство previousElementSibling.

4. Можете пока писать с помощью jQuery, где многие методы возвращают ссылку на абстрактный объект, отвечающий за найденный элемент. Типа такого:

$('#test').prev().text('').focus();

может потому что ошибка в команде?

insatll ==> install

но вообще так вопросы не задают.
Приложите сами ошибки, логи, скрины..

ЗА 1 - за этим будущее
ЗА 2 - верстать проще и удобнее
ЗА 3 - намного шире функционал, можно разместить блок по центру, сделать так, что бы он тянулся на всю длинну родителя, что бы блоки равномерно распределялись на всю ширину и высоту и еще много интересных фич
ЗА 4 - меньше геммороя с адаптивным дизайном
ЗА 5 - проще с различной шириной и высотой - все задается пропорциями

Против (временно) - поддержка браузеров.
на сегодня это 12 процентов пользователей по всему миру, если верстать С префиксами.
caniuse.com/#search=flex

В общем я бы голосовал за flex, свой сайт после НГ буду переделывать, и там уже будет флекс верстка

поддержка браузерами. Особенно старыми.

/*Default Task==================================================*/
gulp.task('default', function() {
gulp.run(['getbootjs','getshopcss','getbtbcss']);
});
/*==============================================================*/

/*Bootstrap JS Build==============================================*/
gulp.task('getbootjs', function () {
  return gulp.src('src/bootstrap/js/*.js')
             .pipe(concat('bootstrap.js'))
             .pipe(gulp.dest('dist/'))
             .pipe(connect.reload());

});
/*==============================================================*/

/*SHOP CSS Min Build============================================*/
gulp.task('getshopcss', function() {
  return gulp.src('src/projects/shop/shop.less')
             .pipe(less())
             .pipe(gulp.dest('build/'))
             .pipe(autoprefixer('last 3 versions'))
             .pipe(cssmin())
             .pipe(rename('styles.css'))
             .pipe(gulp.dest('dist/shop/'))
             .pipe(connect.reload());

});
/*==============================================================*/

/*BTB CSS Min Build=============================================*/
gulp.task('getbtbcss', function() {
  return gulp.src('src/projects/btb/btb.less')
            .pipe(less())
            .pipe(gulp.dest('build/'))
            .pipe(autoprefixer('last 3 versions'))
            .pipe(cssmin())
            .pipe(rename('styles.css'))
            .pipe(gulp.dest('dist/btb/'))
            .pipe(connect.reload());
});

а так работает?

Поддерживаю Warp. Сам использую Uikit в своих проектах. Развивается неплохо, Bootstrap вполне догнал. Параллельно разрабатывают CMS (Pagekit вроде).

Работал с шаблонами Yoo на Warp, он основан на урезанной версии UIkit. Ничего плохого сказать не могу, и хорошего тоже :) Обычный блочный конструктор, все достоинства там это мощная кастомизация от UIkit, ну и у Yoo очень красивые шаблоны. Из недостатков - не все фичи и JS-скрипты доступны из UIkit, это огорчает.