Как показать другую часть картинки по наведение в css?

rinaz22, так? jsfiddle.net/ph7fdd40/156

Как показать другую часть картинки по наведение в css?

Заметьте, что там родительский блок div с указанными размерами обязателен. Иначе когда срабатывает clip и обрезает обрезает изображение под курсором, то hover пропадёт и начнётся «дрожание».
https://jsfiddle.net/25n4hqvw/ — нужно поводить курсором над изображением, что бы увидеть.

Как показать другую часть картинки по наведение в css?

rinaz22, такой эффект хотите: jsfiddle.net/ph7fdd40/147

Что происходит с текстом?

Ужс:

@media screen and (min-width: 990px) and (max-width: 1280px) {
  .contentPage {
    transform: scale(0.9, 0.9) translateY(-5%);
  }
  .tabsTpl-intro, .tpl-galleryBig .item-txt, .footerMain {
    transform: scale(0.9, 0.9);
  }
}

Как на jQuery свернуть развернуть div?

Курсор можно навести, тогда браузер подсветит этот элемент на странице:

Как вставить картинку внутрь svg разметки?

V-ampre, да конечно, там ведь указаны размеры в SVG. Будет скейлиться как и любой другой svg-элемент.
Но, как и говорит чел выше, качество ресайза будет таким же как и у обычной картинки. А ведь логотип выглядит так как будто его делали векторным, но сохранили в PNG. Вам бы спросить, может художник давал исходники?

Как на jQuery свернуть развернуть div?

karpos, не пользуйтесь чужим кодом бездумно, посмотрите что он делает.

Был такой HTML:

<div class="pointer">
    Структура и органы управления образовательной организацией
    <div class="slideT" style="display: block; overflow: hidden;">
        блок который нужно свернуть или развернуть
    </div>
</div>
<div class="pointer">Документы</div>
<div class="pointer">Образование</div>
<div class="pointer">Образовательные стандарты</div>

Что делает $(this).siblings()? Он выбирает соседей кликнутого блока. В этом html:
this — это .pointer <div class="pointer> ... </div>
Для него находим соседей, у него три соседа:

<div class="pointer">Документы</div>
<div class="pointer">Образование</div>
<div class="pointer">Образовательные стандарты</div>

Так мы выбрали все блоки для сворачивания, то что нужно.

Но теперь HTML новый, что сделает всё тот же $(this).siblings()? Он выбирает соседей кликнутого блока. В этом html:

<div class="pointer-box">
  <div class="pointer pointer-active">Заголовок</div>
  <div class="pointer-text" style="display: block;">здесь будет текст</div>
</div>

<div class="pointer-box">
  <div class="pointer">Заголовок</div>
  <div class="pointer-text" style="display: none;">
</div>

this — это .pointer

<div class="pointer pointer-active">Заголовок</div>

Для него находим соседей, у него только один сосед

<div class="pointer-text" style="display: block;">здесь будет текст</div>

Очевидно, мы пошли куда-то не туда, ведь нам нужно было добраться до соседних .pointer-box

Совет:
Вы можете пользоваться console.log() для того чтобы понять как работает ваш код. Например:

console.log($(this));
console.log($(this).siblings());
console.log($(this).siblings().children(".pointer-text"));

— этот код покажет в консоли браузера коллекции элементов на каждом этапе. Так вы смогли бы сами сразу понять где ошиблись или куда идти дальше.

Чтобы их достичь, нужно сначала из this === .pointer добраться до .pointer-box
Это можно сделать с помощью метода parent() — http://jquery.page2page.ru/index.php5/Поиск_элемен...

Новый код $(this).parent().siblings()
this — это .pointer

<div class="pointer pointer-active">Заголовок</div>

Для него находим родителя <div class="pointer-box"> ...блок1... </div>
Для него находим соседей, у него только один сосед <div class="pointer-box"> ...блок2... </div>

Ну и .children(".pointer-text") выберет в этих блоках именно то что нужно сверуть.

Итоговый код:

$(this)
  .parent()
  .siblings()
  .children(".pointer-text")
  .slideUp("show")
  .prev(".pointer").toggleClass("pointer-active");

Но я бы переписал, чтобы не использовать метод prev():

var pointerBoxSiblings = $(this).parent().siblings();

pointerBoxSiblings
  .children(".pointer")
  .toggleClass("pointer-active");

pointerBoxSiblings
  .children(".pointer-text")
  .slideUp("show");

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

$(this)
  .toggleClass("pointer-active")
  .next(".pointer-text")
  .slideToggle("show");

Есть ли оператор +-?

h > 170 && h < 180
Мне больше нравится оформлять такие условия в другом порядке:
170 < h && h < 180

Какой библиотекой на Node.js можно воспользоваться для равномерного деления?

То же самое на JS

function partitionOfNumber(number, count, precision) {
  const minElement = Math.floor(number / precision / count);
  const countAdditionalElements = (number / precision) - count * minElement;

  const result = [];
  for (let i = 0; i < count; i++) {
    if (i < countAdditionalElements) {
        result[i] = (minElement + 1) * precision;
    } else {
        result[i] = minElement * precision;
    }
  }

  return result;
}

// пример использования
partitionOfNumber(29.5, 6, 0.01).map(n => n.toFixed(2));
// выведет [ '4.92', '4.92', '4.92', '4.92', '4.91', '4.91' ]

Что бы не появилось чисел типа 6.6000000000000005 значения массива форматируются в строки с помощью .map(n => n.toFixed(2));

Как транслитерировать символы в JavaScript или PHP?

WebDev, да не за что, вы могли с таким же успехом просто нагуглить.

Что за шрифт используется в данном макете?

Иван Симонов, чем? Если вы хотите сказать что он слишком тонкий, то нажмите на ссылку снизу «Показать все начертания шрифта Intro» над красной кнопкой, и увидите жирные варианты. Это он и есть.

Как на jQuery свернуть развернуть div?

karpos, код с пояснениями

// $(document).ready(callback) запустит функцию callback когда весь документ загрузится
$(document).ready(function() {
  // сразу при загрузке страницы нам нужно всё свернуть
  $(".slideT") // выбирает все slideT
    .hide(); // и скрывает их

  // и повесить обработчики событий которые в дальнейшем
  // будут делать всю работу по сворачиванию и разворачиванию
  $(".pointer") // выбирает все pointer
    .click(function () { // вешает обработчики события «клик»
      // эта функция запустится при клике на любой pointer
      // this в этой функции указывает на элемент по которому кликнули

      // тут мы развернём блок по которому кликнули
      $(this) // выбирает элемент по которому кликнули
        .children(".slideT") // находит его ребёнка с классом slideT
        .slideToggle("slow"); // запускает его медленное «переключение»*
      
      // *slideToggle - это переключение состояния свёрнуто или развёрнуто,
      // если элемент уже свёрнут, то развернёт. Или наоборот

      // а тут мы свернём все блоки, кроме того по которому кликнули
      $(this) // выбирает элемент по которому кликнули
        .siblings() // выбирает всех его соседей, кроме него самого
        .children(".slideT") // находит их детей с классом slideT
        .slideUp("slow"); // запускает их медленное сворачивание
      // если элементы уже свёрнуты, то slideUp ничего не сделает
    });
})

Всю документацию по всяким штукам вроде slideToggle можно найти на сайте https://api.jquery.com/
Или на русском языке на вики-сайте jquery.page2page.ru
Поочередное разворачивание и сворачивание элементов

Как на jQuery свернуть развернуть div?

karpos, замени в обоих местах .children() на .children(".slideT")

Как на jQuery свернуть развернуть div?

karpos, чтобы еще и закрывался поменяй .slideDown на .slideToggle

Как сделать выбор цвета, gradient-editor?

Что надо-то?

Как распечатать маленький чек при помощи чекового принтера из браузера?

BurBurunduk,
3276 — это больше трёх метров чтоли? Что там может быть на странице, что её так растягивает?

Как сделать checkbox равным 0 или 1?

Николай Громов,
Может вообще скопировать этот участок кода из редактора обратно сюда в комментарии? Я не могу поверить что у тебя там тот код что и должен быть. The value assigned is never used, когда переменная записывается в объект, этого не может быть, как мне кажется.

Как сделать checkbox равным 0 или 1?

А у вас строка как у меня в коде:
hData[this.name] = data;
Или всё еще как у вас в старом коде:
hData[this.name] = this.value;
Вы наверное заменили только часть функции?

Как сделать checkbox равным 0 или 1?

Может быть вы не сохранили изменения в файле или в браузере нужно принудительно обновить страницу по Control + F5. У нас должен быть одинаковый код, но у вас как будто бы старый, без условия.

Я изменил код, попробуйте его должно получиться так (с надписями о том какая ветка условия выполняется):

Как сделать checkbox равным 0 или 1?

Что написано в консоли браузера при нажатии кнопки Добавить? (нажать F12 -> вкладка Console или Консоль)
Там должно быть что то типа

hData[newItemTitle] = Надпись из поля ввода newItemTitle
hData[itemIsThumb] = true или false