Алексей Ярков

Обернуть тегом <pre>Тут текст с табами</pre>

Так делать вообще не надо. Кнопка должна быть кнопкой. Кнопка тоже прекрасно стилизуется.

https://css-tricks.com/snippets/css/turn-off-numbe...
Либо же юзать input type="text" с обработчиком ввода

Если сайт не предусматривает передачу логина и пароля через GET параметры, а он 100% не предусматривает, то не получится.

<link rel="stylesheet" data-href="styles.css">
Запроса не будет. Понадобится подгрузить - меняете атрибут с помощью JS и все.
Но по прежнему непонятно нафига зачем это все?

в html можно что ли свои собственные теги писать?

Да. Почитайте про web компоненты.

fax-url             = fax-scheme ":" fax-subscriber
fax-scheme          = "fax"
fax-subscriber      = fax-global-phone / fax-local-phone
fax-global-phone = "+" base-phone-number [isdn-subaddress]
                     [t33-subaddress] [post-dial]
                     *(area-specifier / service-provider /
                     future-extension)
fax-local-phone     = 1*(phonedigit / dtmf-digit /
                     pause-character) [isdn-subaddress]
                     [t33-subaddress] [post-dial]
                     area-specifier
                     *(area-specifier / service-provider /
                     future-extension)
t33-subaddress      = ";tsub=" 1*phonedigit

Подробнее тут
Пример:

<a href="fax:+358.555.1234567">+358.555.1234567</a>

Но насколько я знаю лучше юзать схему tel.

Да

Можете, например, использовать https://lodash.com/docs/4.17.11#template

const compiled = _.template(`<div><%= counter %></div>
 <img class="infinitimg" src="img/<%= counter %>.png">`);
compiled({ 'counter': 1 });
// => '<div>1</div><img class="infinitimg" src="img/1.png">'

[сарказм]О, еще один недовольный )) А еще было бы круто, если бы можно было голосом объяснить что нужно, и компьютер бы написал программу. Да?[/сарказм]

Теперь к сути. Откуда менеджер зависимостей должен узнать:

1. Имя файла, куда вставить строку для подключения
   
2. Номер строки, куда надо сделать вставку
   
3. Порядок подключения разных зависимостей
   

Это только то, что пришло в голову в первую секунду.

Вопрос абсолютно лишен смысла.

position:fixed

Сойдет такое?
https://jsfiddle.net/yarkov_aleksei/x1dnfa3b/

function toJSON(node) {
  node = node || this;
  var obj = {
    nodeType: node.nodeType
  };
  if (node.tagName) {
    obj.tagName = node.tagName.toLowerCase();
  } else
  if (node.nodeName) {
    obj.nodeName = node.nodeName;
  }
  if (node.nodeValue) {
    obj.nodeValue = node.nodeValue;
  }
  var attrs = node.attributes;
  if (attrs) {
    var length = attrs.length;
    var arr = obj.attributes = new Array(length);
    for (var i = 0; i < length; i++) {
      attr = attrs[i];
      arr[i] = [attr.nodeName, attr.nodeValue];
    }
  }
  var childNodes = node.childNodes;
  if (childNodes) {
    length = childNodes.length;
    arr = obj.childNodes = new Array(length);
    for (i = 0; i < length; i++) {
      arr[i] = toJSON(childNodes[i]);
    }
  }
  return obj;
}

console.log(toJSON(document.querySelector('.menu')))

https://gist.github.com/sstur/7379870

.status[data-count]::after

можно ли как-нибудь подключить стиль именно к определенной section?

Два дня уже голову ломаю

А указать нужному элементу id нельзя? И в стилях указать его же.

Если через галп, то как настроить таски?

Что именно не ясно?

А кроме class не существует атрибутов что-ли?

div(class="main-block", id="sdas", data-prop="value")

.links ul li:hover a,
.links ul li:hover span {
    background: #29c5e6;
    color: #fff;
}

https://jsfiddle.net/yarkov_aleksei/40sLr5tu/

<div class="contenteditable" contenteditable>
  contenteditable
</div>

.contenteditable {
  max-height: 100px;
  overflow-y: auto;
}

Или что-то типа такого (если примитивно сравнить):

const strTime = 'Н-р: 16 : 00'.split(':').slice(1)
const hours = Math.abs(strTime[0])
const minutes = Math.abs(strTime[1])

const date = new Date()

console.log(date.getHours() === hours)
console.log(date.getMinutes() === minutes)

event.preventDefault()