Как избежать глубокой вложенности в CSS?

Alex_87, вот другой пример на SASS просто попроще, старый комментарий удалил:


Генерирует стили вот такие:

.s-section {
  margin: 0;
}

.s-section__header {
  margin: 0;
}

.s-section__title {
  padding: 0;
}

.s-section__data-sample {
  text-decoration: none;
}

.s-section__data-name {
  margin: 0;
  font-size: 2em;
}

.s-section__data-title {
  font-weight: bold;
}

Как избежать глубокой вложенности в CSS?

BEM.

https://ru.bem.info

При верном его использовании вы будете генерировать уникальные селекторы, которые не зависят от вложенности в 99,8% случаев.

В чем суть сниппетов в верстке?

Чтобы 100 раз не писать один и тот же кусок кода.

Как контролировать translate при помощи мыши?

zeni1agent, вам будет проще использовать Swiper JS в режиме свободной прокрутки.

Чем отличается «копирование» от «вдохновения»/«заимствования идеи» в веб-дизайне?

Это извечный риторический творческий вопрос, на который вам никто не даст ответ. Если на это нет патента, то это не копирование, если вы не в высшем эшелоне дизайн-студий мира, работы которых будут тщательно обсуждать и муссировать на предмет, чем они были вдохновлены, — то и переживать не стоит.

Как сделать адаптивный блок с отступами по краям?

Но зачем?.. Где информация по габаритам? Где информация, как и куда должно что там должно тянуться и быть адаптивным?

Как сделать адаптивный блок с отступами по краям?

А где и что тут должно быть адаптивно?

Почему картинки не подстраиваются под блок-родитель?

Александр, кто вас учил делать сброс, который ломает изначальную логику отображения элемента? Посмотрите сбросы на сайтах, block'ом редко когда делают. Лучше точечно это делать.

Что лучше выбрать новостной плагин, скрипт, тему?

Аександр, такой подход вас до добра не доведет.

Почему картинки не подстраиваются под блок-родитель?

galkan, лучше vertical-align: middle; — чтобы не делать картинки блочныии там, где не нужно, и чтобы убрать зазор.

Почему картинки не подстраиваются под блок-родитель?

Александр, вам уже RAX7 написал в примере.

Добавьте vertical-align: middle;

Ещё данная проблема решается добавлением display: block; — но это плохая практика для сброса, потому что тогда там, где нужно обтекание картинки или другие штуки, его не будет. Поэтому добавляйте vertical-align: middle;

img {
  max-width: 100%;
  vertical-align: middle;
}

Почему картинки не подстраиваются под блок-родитель?

RAX7, есть смысл в твоих словах.

Александр, в качестве универсального глобального сброса стилей ставьте max-width: 100%, чтобы картинка не расстягивалась больше своих собственных размеров и размеров родителя. И ставьте локально width: 100%, чтобы картинка расстягивалась ровно под родителя, даже если она меньше/больше его.

Почему картинки не подстраиваются под блок-родитель?

RAX7, лучше max-width: 100%;

Можно ли достать скрипт с этого сайта?

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

Можно ли достать скрипт с этого сайта?

Простой jQuery-вариант. Хранит информацию о выбранном размере если перезагрузить страницу.


Вообще, их много разных.

Как повторить функционал Photoshop в GIMP?

Photoshop уже давным-давно не стоит 20 тысяч.
https://www.adobe.com/ru/creativecloud/plans.html?...

650 рублей в месяц по подписке (там ещё Lightroom будет).

Как в форме отфильтровать объекты модели?

Теги CSS и HTML? :))

Как правильно установить z-index, чтобы был виден элемент?

Нет. В таком контексте нельзя. Если убрать z-index у .two, тогда можно:

Вы уверены, что вам нужен z-index или position у .two?

Как сделать анимацию?

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

Как сделать анимацию?

AndRussia,