Сергей delphinpro

Для чего писать body { color: red; } когда можно просто писать body color: red?

я пишу body { <ENTER>
получаю

body {
  <CURSOR>
}

далее пишу c#f<TAB> получаю

body {
  color: #fff;
}

C Emmet'ом давно никто не пишет свойства полностью и не расставляет скобочки вручную. Все разворачивается само. А между тем "скобочный код" намного более выразительный и читабельный, что гораздо важнее скорости ввода.
Indent-based синтаксис - это самое тупое изобретение коллег-программистов=)

расставляйте в тексте переносы.
Так называемые "мягкие переносы" (soft hypens) - символы, указывающие место возможного переноса.
мнемоника - ­ или код сущности ­

Вручную, конечно, это делать утомительно. Можно воспользоваться онлайн-сервисом (например, первый из гугла - quittance.ru/hyphenator.php#effectus) или встроить алгоритм в свою систему.

https://jsfiddle.net/z4kju5ys/

https://jsfiddle.net/8fx9xznm/

Берем sass версию, комментируем строки 19-21 в grid.scss
https://github.com/twbs/bootstrap-sass/blob/master...
ну и заодно 82-84
https://github.com/twbs/bootstrap-sass/blob/master...
компилируем, радуемся.

The current URL loading the Google Maps JavaScript API has not been added to the list of allowed referrers. Please check the referrer settings of your API key on the Google API Console

URL адрес не был добавлен в список разрешенных. Плиз, проверьте настройки вашего ключа в Google консоли.

Проверили? Добавили домен сайта в список разрешенных? Что-то еще не понятно? Всё вроде достаточно четко написано...

codepen.io/delphinpro/pen/QKAdYy

копируете package.json и gulpfile.js в новый проект
выполняете команду npm install - все пакеты установятся сразу
работаете

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

Блоки с текстом располагаем в обычных дивах по бокам картинки.

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

Задача не сказать, чтобы сложная.

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

var e = ... // берем элемент
    var childs = e.childNodes,
        count = childs.length;
    var i = 0;
    while(i < count) {
        if (
            (childs[i].nodeType == 8) // тип 8 - это как раз комментарий
            &&(/more/.test(childs[i].nodeValue)) // а здесь проверяем наличие слова more внутри комментария
        ) {
            var container = document.createElement('div');
            container.innerHTML = '<div class="'+childs[i].nodeValue+'"></div>';
            childs[i].parentNode.replaceChild(container.firstChild, childs[i]);
        }
        i++;
    }

без masonry только column-count (и все остальные из этого семейства). В вашем случае колонок должно хватить.

повесить обработчик на событие onclick, в нем создать новый элемент-инпут и вставить его в дом. В чем у вас возникла проблема?

Основное правило комментариев - нужно комментировать не "что это", а "зачем это". Плюс комментарии-документация.

Касаемо CSS:
хорошо будет, если вы будете объяснять "магические числа"

margin-top: 2px; // выравниваем по вертикали, по-другому никак

Касаемо HTML:
программисту, который будет работать с вашей версткой будет удобно, если вы будете обозначать начало и конец больших блоков на странице

<!-- BEGIN: .big-block -->
... 100500 строк кода разметки
<!-- END: .big-block -->

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

Как правильно верстать с помощью bootstrap?

Главное помнить, что .row не должен быть непосредственным потомком .row, между ними обязательно должен быть .col-*-*. То же самое касается и колонок

Db::getInstance()->getOne(1)

поставьте фокус на корень проекта. начните набирать имя папки. phpStorm будет по мере набора подсвечивать папки и файлы подходящие под набранное имя.

=)
так ничего не делать.
Если правки - это именно правки - ok, вероятно ваш косяк. Но если правки - это переделки - они оплачиваются отдельно. Не говоря уже о новых страницах.

в то время как мне приходится каждую мелочь переносить на 16 страниц

Пора освоить системы сборки, шаблонизаторы и т.п. Вы, небось, с таким подходом всё еще и css вручную пишете, и вендорные префиксы сами расставляете? =)

посмотрите border-image

Здесь все подробно написано
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

.parent { display: flex; }
.child { flex: 0 1 auto; } or .child { flex: 0 1 25%; }

https://jsfiddle.net/fw1mLrwL/