Удаление зафиксированных в git файлов?

Еще кое-что... А если я хочу проиндексированные изменения отменить. Как это сделать?
Это не совсем помогает: https://githowto.com/ru/undoing_staged_changes
И объясните пожалуйста... Правильно ли я понимаю

new file - это файлы, в которых не было изменений
modified - это файлы, в которых прошли изменения И которые были проиндексированы? Или это файлы, в которых произошли изменения, но которые не были проиндексированы? Спасибо

Удаление зафиксированных в git файлов?

Не помогло... Хотел удалить папку node_modules

ТОЧКА НЕ НУЖНА! Тогда всё идёт!

Изображения.... В каких случаях вставлять в css через background, а в каких в html через тег img? Как сделать изображение адаптивным?

Егор Живагин: Да фигню он кидает, а не ответы... Вот пример... не раз кидал ответы, где писали, что блоку нужно прописывать вот такие параметры:
Но по высоте адаптивка не работает. Появляется вертикальный скролл. Даже больше скажу... Если расположить параметр height: auto; ниже параметра height: фиксированное значение, картинка(фон) вообще не будет отображаться! А если наоборот расположить, то сам параметр не работает. Что делать?
P.S. Да, с цветом погорячился)

Изображения.... В каких случаях вставлять в css через background, а в каких в html через тег img? Как сделать изображение адаптивным?

Я знаю, что есть сайт с официальной документацией: www.w3.org Я не пользовался раньше, а когда сейчас зашёл, многое не понятно... Как найти конкретные статьи, где описывается про адаптивные изображения, ну и те моменты, где что писать. К примеру, фон может быть картинкой, а не только цветом? А если внутри такого фона есть текст? Что тогда делать? Как лучше сжимать текст, в проценты переводить? А это правильно? Спасибо!

Изображения.... В каких случаях вставлять в css через background, а в каких в html через тег img? Как сделать изображение адаптивным?

Не знал, что в зависимости от того где картинка, разные приёмы для её адаптивности... То есть, если в html img(с картинкой) то получается, что background-size: cover не сработает. Я просто ещё об этом не задумывался. Спасибо! А, когда вы говорите о фоне в css, вы имеете ввиду и картинку или только цвет фона? ... И есть ли какая-нибудь хорошая статья об изображениях, рассказывающая обо всём, что касается адаптивки фона и картинок?

Почему элемент в консоле неопределён?

Егор Живагин: Попробовал, но почему-то не работает... Подскажите, в чём ошибка?

Почему элемент в консоле неопределён?

Подстава)) Я хренею, такого ещё не было!

Почему элемент в консоле неопределён?

Stasgar: Возможно, что здесь нужны MEDIA, но какая ошибка у меня?

Почему элемент в консоле неопределён?

Практически нет... По php решал задачи на массивы, функции, циклы. Задачи по формам. По js только теория.... Проблема в том, что NetBeans не показывает ошибок. Всё кавычки нормально подсвечиваются... Возможно, я потерял внимание!

Почему элемент в консоле неопределён?

Stasgar: К сожалению не вижу... Перепробовал разные ситуации, удаляя и добавляя кавычки, но ....

Почему элемент в консоле неопределён?

Stasgar: ) Не сразу понял...


Конкретно:

Почему элемент в консоле неопределён?

Stasgar: Думал, что так, но ошибся

window.onresize = function() {

        doSomething();

};
window.onload = function(){

        doSomething();

};

function doSomething(){
    var link = document.querySelector("#nav-toggle");
    var menu = document.querySelector(".menu");
          if(window.matchMedia("(max-width: 560px)").matches){
               document.querySelector('.menu').classList.add('resized');
               document.querySelector('#nav-toggle').classList.add('notransporent');

               link.addEventListener("click", function(event) {
               event.preventDefault();
               menu.classList.remove('resized');
               menu.classList.add('show');
          });
else {
          document.querySelector('.menu').classList.remove('resized');
          document.querySelector('#nav-toggle').classList.remove('notransporent');
   }
  }
 }

Почему элемент в консоле неопределён?

Stasgar: Попробовал... Не работает, не понимаю, где ошибка?

window.onresize = function() {
    if(window.matchMedia("(max-width: 560px)").matches){
        doSomething();
    }
};
window.onload = function(){
    if(window.matchMedia("(max-width: 560px)").matches){
        doSomething();
    }
};

function doSomething(){
    var link = document.querySelector("#nav-toggle");
    var menu = document.querySelector(".menu");

               document.querySelector('.menu').classList.add('resized');
               document.querySelector('#nav-toggle').classList.add('notransporent');

               link.addEventListener("click", function(event) {
               event.preventDefault();
               menu.classList.remove('resized');
               menu.classList.add('show');
          });
else {
           document.querySelector('.menu').classList.remove('resized');
          document.querySelector('#nav-toggle').classList.remove('notransporent');
   }
 }

Почему элемент в консоле неопределён?

Stasgar: Спасибо вам большое за помощь!!! Я хочу использовать js для адаптивного меню. Плюс, ещё хочу и потренироваться! ... Второй ваш код разрывает логику моего кода. Он сложнее! Да, он хороший, хотя при загрузки видно то, что не должно быть видно), но он рабочий! Я проверю сейчас ваш первый код!

Почему элемент в консоле неопределён?

Stasgar: Спасибо за код! По нему видно, что рабочий... Я пробовал свои подстроить под него, но немного запутался, не сработал... Вы бы не могли мне помочь? Первый раз с javascript работаю...
Вот код:

var link = document.querySelector("#nav-toggle");
            var menu = document.querySelector(".menu");
        window.onresize = function() {
          if(window.matchMedia("(max-width: 560px)").matches){
              document.querySelector('.menu').classList.add('resized');
              document.querySelector('#nav-toggle').classList.add('notransporent');

                  link.addEventListener("click", function(event) {
                  event.preventDefault();
                  menu.classList.remove('resized');
                  menu.classList.add('show');
              });

          }
          else {
           document.querySelector('.menu').classList.remove('resized');
          document.querySelector('#nav-toggle').classList.remove('notransporent');

   }
};

Почему элемент в консоле неопределён?

Вопрос... Есть код:

indow.onresize = function() {
          if(window.matchMedia("(max-width: 560px)").matches){

Он начинает работает при изменении окна до 560 px. Но если перегрузить страницу, правила не действует. Он не понимает, что находиться в этом размере, соответственно правила под эти размеры не действуют.

Почему элемент в консоле неопределён?

Stasgar: Да, я уже это понял... А есть событие, которое связывает это событие и правило учитывающее размер окна при перезагрузки?

Почему элемент в консоле неопределён?

Есть код:

window.onresize = function() {
          if(window.matchMedia("(max-width: 560px)").matches){

Он начинает работает при изменении окна до 560 px. Но если перегрузить страницу, правила не действует. Он не понимает, что находиться в этом размере, соответственно правила под эти размеры не действуют.

Почему элемент в консоле неопределён?

Stasgar: в тег script, в конце страницы, перед body.

Почему элемент в консоле неопределён?

Stasgar: у меня ещё один вопрос.... Есть код:

window.onresize = function() {
          if(window.matchMedia("(max-width: 560px)").matches){

Он начинает работает при изменении окна до 560 px. Но если перегрузить страницу, правила не действует. Он не понимает, что находиться в этом размере, соответственно правила под эти размеры не действуют.