Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
Dikkkey

Сергей Соболь

Начинающий программист.
  • 0
    вклад
  • 42
    вопроса
  • 0
    ответов
  • 0%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Как добиться такого эффекта?

    Николай Миронов @LLlYCTPBl
    Html5, Css3, JS, Vue, VueX
    "writing-mode: tb-lr" для текста, который вертикальный. Ты перевернул с помощью transform: rotate - верно?
    writing-mode: tb-lr;
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как сверстать такой выпадающий список?

    LenovoId
    Максим @LenovoId
    I want, women not to get sick
    Ответ написан более двух лет назад
    5 комментариев
    5 комментариев
  • Как сделать смещенную тень у кнопки?

    Kozack
    Alex @Kozack Куратор тега CSS
    Thinking about a11y
    https://developer.mozilla.org/ru/docs/Web/CSS/box-...
    Ответ написан более двух лет назад
    3 комментария
    3 комментария
  • Как добавить категории из woocommerce на свою страницу?

    artzolin
    Артем Золин @artzolin Куратор тега WordPress
    php, WordPress разработка сайтов artzolin.ru
    Для получения категорий товаров вы можете использовать функцию get_terms(). Для вывода списка категорий можете воспользоваться примером или кастомизировать его:

    $terms = get_terms( 'product_cat' );
    
    if( $terms && !is_wp_error($terms) ){
    	echo '<ul>';
    	foreach( $terms as $term ){
    		echo '<li><a href="' . get_term_link( $term ) . '">' . $term->name . '</a></li>';
    	}
    	echo '</ul>';
    }


    А на каме есть отличная статья с кучей примеров
    Ответ написан более двух лет назад
    2 комментария
    2 комментария
  • Как сделать так, чтобы у шапки при скроле появлялась тень?

    AntonLitvinenko
    Антон Литвиненко @AntonLitvinenko
    HTML coder
    $(window).scroll(function(){
        if ($(window).scrollTop() > 100){
           $('.header').addClass('scroll');
        } else {
           $('.header').removeClass('scroll');
        }
     });

    Соответственно у класса scroll даёте box-shadow
    А так чтобы пропадал стоя на месте это думаю добавлять класс только на событие скролла
    Ответ написан более двух лет назад
    1 комментарий
    1 комментарий
  • Как сделать чтобы после валидации формы - по нажатию кнопки, если всё хорошо, то переводило на страницу с подтвержением?

    SlavaMaxwell
    Vladislav @SlavaMaxwell
    Frontend разработчик
    Там где ajax выполняется просто пихай fadeout метод первой модалке и fadeIn второй, если jquery юзаешь, если нативно достаточно класса с display block и все, если для отправки axios юзаешь засунь в .then идею которую я выше тебе описал
    Ответ написан более двух лет назад
    2 комментария
    2 комментария
  • Можно ли делать самостоятельные блоки внутри секции по БЭМ-у?

    Realetive
    Realetive @Realetive
    MODX Ambassador России, самозванный БЭМ-евангелист
    Да, конечно.
    Но, если вы хотите использовать БЭМ по правилам, а не просто писать классы через чёрточку: когда захотите сделать margin-отступ между .row и .notations, это следует описывать не в классе блока, т. к. «у блока не должно быть внешней геометрии». Можно задать элементы у .container и уже между ними описать margin-отступ:

    <div class="container">
      <div class="container__main">
        <div class="row">…</div>
      </div>
      <div class="container__aside">
        <div class="notations">…</div>
      </div>
    </div>
    Ответ написан более двух лет назад
    2 комментария
    2 комментария
  • Можно ли открывать row без открытия блока?

    RomanTRS
    Роман @RomanTRS
    Нужно! Это стандартная сетка bootstrap:
    Сначала идет контейнер (.container), внутри него находятся строки (.row), а внутри строк находятся колонки (.col).
    Если внутри колонки требуется создать свою сетку, то добавляете row и внутри него создаете колонки.

    <div class="container">
      <div class="row">
        <div class="col"></div>
        <div class="col"></div>
      </div>
      <div class="row">
        <div class="col"></div>
        <div class="col">
          <div class="row">
            <div class="col"></div>
            <div class="col"></div>
          </div>
          <div class="row">
            <div class="col"></div>
            <div class="col"></div>
          </div>
        </div>
      </div>
    </div>
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Можно ли сделать так, чтобы ссылка вела на другую, сверстанную страницу?

    dima9595
    Дмитрий Кузнецов @dima9595
    Junior PHP
    Да, просто в href указываете туда, куда хотите отправить. Отправляйте хоть на другой сайт
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Правильно ли я использую БЭМ, создавая самостоятельные блоки?

    Realetive
    Realetive @Realetive
    MODX Ambassador России, самозванный БЭМ-евангелист
    У вас какая-то «солянка» из БЭМа и Бутстрапа, в итоге получилась буквально «каша», поэтому и зашли в тупик.

    Это не мини-блоки, это элементы. На минуту забудьте про Бутстрап и прочие обёртки: у вас есть товар; у товара есть страница, где перечислены характеристики (свойства) товара: фотографии, цена, скидка, размеры, возможно — описание и т. д. Так вот — любая самостоятельная сущность (товар, статья, пост блога) — всегда блок. Все свойства, характеристики, признаки этой сущности — всегда элементы этого блока. Ankhena утверждает, что «если цена может переиспользоваться отдельно от блока namely, то это блок» — теоретически да, но на практике цена никогда не будет использоваться отдельно от товара, т. к. всегда «принадлежит» какому-то товару.

    Ещё минута «без Бутстрапа» — сначала запишите все свойства товара, как они идут в дизайне (одна строка — одно свойство):

    - товар
      - фотография
      - цена
      - старая цена
      - размеры


    — вот вам и блок с элементами. Нехватает только вспомогательных блоков, чтобы сгруппировать некоторые элементы (например, объеденить в одной строке «цену» и «старую цену») — добавьте ещё один элемент-обёртку (.namely_prices), который их «объединит»:

    <article class="namely">
      <img class="namely__photo" src="...">
      <dl class="namely__prices">
        <div class="namely__price">
          <dt class="visually-hidden">Новая цена</dt>
          <dt class="namely__price-currency">$</dt>
          <dd class="namely__price-value">311</dd>
        </div>
        <div class="namely__price namely__price_old"> <!-- Модификатор «опишет» цвет и «зачёркнутость» -->
          <dt class="visually-hidden">Старая цена</dt>
          <dt class="namely__price-currency">$</dt>
          <dd class="namely__price-value">450</dd>
        </div>
      </dl>
      <div class="namely__sizes">
        <h4 class="namely__sizes-heading">Выберите размер</h4>
        <div class="namely__sizes-list">
          <label class="namely__size">
            S
            <input class="namely__size-control input input_type_radio" type="radio" name="size" value="s">
          </label>
          <label class="namely__size">
            M
            <input class="namely__size-control input input_type_radio" type="radio" name="size" value="m">
          </label>
          <!-- … и т. д. -->
        </div>
      </div>
    </article>


    Мой код — лишь быстрый пример БЭМификации. В реальном проекте если смотреть на дизайн, можно найти кучу повторяющихся закономерностей и выделить их в блок, элемент или модификатор.
    Ответ написан более двух лет назад
    3 комментария
    3 комментария
  • Как сделать плавный переход к секции?

    Deeno @Deeno
    html{
       scroll-behavior: smooth;
    }


    и будет плавно
    Ответ написан более двух лет назад
    3 комментария
    3 комментария
  • Как сделать плавный переход к секции?

    Psixodelik
    Никита Михайлов @Psixodelik
    Преподаватель на Hexlet
    scroll-behavior
    Ответ написан более двух лет назад
    3 комментария
    3 комментария
  • Как сделать затемнение другим цветом, при наведении на фото?

    Kurokq
    Фин Дел @Kurokq
    Наполни смыслом каждое мгновенье
    Ответ написан более двух лет назад
    4 комментария
    4 комментария
Оценили как «Нравится»
Самые активные сегодня
  • Drno
    • 23 ответа
    • 0 вопросов
  • CityCat4
    CityCat4
    • 8 ответов
    • 0 вопросов
  • GNUBack
    • 7 ответов
    • 0 вопросов
  • mayton2019
    • 6 ответов
    • 0 вопросов
  • vovka3003
    Владимир Шаблий
    • 6 ответов
    • 0 вопросов
  • SidVisceos
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации