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

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

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

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

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

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

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

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

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

Капитан Какао

Если мой ответ вам помог, отмечайте его решением.
  • 62
    вклад
  • 200
    вопросов
  • 61
    ответ
  • 95%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Почему не работает color style в Fima?

    Ольга @Shinju
    Уже починили https://forum.figma.com/t/library-styles-not-displ...
    Ответ написан 10 февр.
    Комментировать
    Комментировать
  • Как одновременно запустить 2 программы Figma на Windows 10?

    tank666
    Юрий Зеленковский @tank666
    Дизайнер, Figma-эксперт, автор плагинов для Figma.
    Открой новое окно приложения (Ctrl + Shift + N) или запускай разные версии приложений (Figma и Figma Beta).
    Ответ написан 12 нояб. 2022
    Комментировать
    Комментировать
  • Как передать значение переменной между файлами шаблона на wordpress?

    Александр Антонов @awenn2015
    Веб-программист самоучка
    Смотрю вот ответы то хорошие, но что делать когда файл шаблона, например файл со script тегом который мы через хук wp_footer цепляем к странице, что бы не дублировать запросы к бд хорошей идей является как упомянул Mario62 передавать данные через $GLOBALS
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как в grid наложить одну ячейку на другую без позиционирования (position:*)?

    MrDecoy
    Вадим @MrDecoy Куратор тега CSS
    Верставший фронтендер
    Если у двух элементов в гриде указаны одинаковые области расположения, то они будут накладываться друг на друга. Ниже в разметке - выше в наложении.
    p.s. убрал прозрачность у второго блока, чтобы было видно что он сверху.
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Как одну отнять одну дату от другой в формате .toISOString()?

    Gvoz1
    Алексей Абрамов @Gvoz1
    Frontend разработчик
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как в grid сделать что бы ячейки заполняли всю ширину?

    delphinpro
    Сергей delphinpro @delphinpro Куратор тега CSS
    frontend developer
    https://jsfiddle.net/DelphinPRO/kLa2ovtx/
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Как сделать скриншот страницы полностью?

    ascJlepius
    ascJlepius @ascJlepius
    Ctrl + Shift + S в Firefox из будущего.
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Можно ли исключить блок из overflow hidden ?

    Алексей Lepshiz @Lepshiz
    Можно вынести элемент из потока абсолютным позиционированием jsfiddle.net/q72bs1tp/1

    Т.е. если внутри элемента с overflow:hidden находится абсолютно позиционированный дочерний элемент, а родитель имеет static позиционирование, то дочерний элемент будет спозиционирован относительно ближайшего в иерархии элемента со свойством position отличным от static и не будет обрезан родителем с overflow:hidden. Тут есть ряд нюансов, но пример кроссбраузерный.

    зы: как-то так можно оставить и позиционирование и overflow jsfiddle.net/q72bs1tp/2
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как сделать такой range input?

    Froggyweb @Froggyweb
    Валюту ставить после input в span
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как сделать непропорциональное изменение размеров изображения svg?

    LenovoId
    Максим @LenovoId Куратор тега SVG
    I want, women not to get sick
    Вставьте к себе этот (исправленный) код svg к себе в img и отпишитесь - работает или нет :https://codepen.io/topicstarter/pen/bGraopB
    Ответ написан более года назад
    2 комментария
    2 комментария
  • Как сделать обтекание двух изображений справа и чтобы были прижаты внизу?

    Evgeniy @Evdokim001
    Начинающий PHP программист
    Можно гридами сделать. Текст разделить на 2 части. Одну часть над фото, другую часть с левой стороны над нижним фото. Нужно сделать сетку 2x2.
    Должно быть так:
    Текст
    Текст Фото1
    Фото2 Фото1
    Ответ написан более года назад
    2 комментария
    2 комментария
  • Сделать половину заголовка в две строки?

    Frontend developer @markak
    Frontend developer
    https://jsfiddle.net/3m6yu48c/2/

    <h1 class="title">
        <span class="title__w1">корм</span>
        <span class="title__w2">для</span>
        <span class="title__w3">домашних</span>
        <span class="title__w4">кроликов</span>
    </h1>


    .title {
      display: grid;
      grid-template-areas: 
        "w1 w2"
        "w1 w3"
        "w4 w4";
        grid-template-columns: auto 1fr;
        
        &__w1{
          grid-area: w1;
          font-size: 2.5em;
        }
        
        &__w2{
          grid-area: w2;
        }
        
        &__w3{
          grid-area: w3;
        }
        
        &__w4{
          grid-area: w4;
          font-size: 2em;
        }
    }
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Адаптивность без медиа запросов. Как избежать пустого пространства при смене размеров экрана?

    delphinpro
    Сергей delphinpro @delphinpro Куратор тега CSS
    frontend developer
    Все возможно.
    Основной вариант пилите на гридах, дополнительно через @supports зафолбечьте на флексах. Фоллбек естественно будет немного отличаться поведением и видом от основного варианта, но доступность контента сохранится, это главное.

    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как из компонента Child добавить родителю нужный класс?

    0xD34F
    0xD34F @0xD34F Куратор тега React
    Так делать не принято, и вам это не нужно.

    Раз у всех этих элементов должен быть один класс, это должны быть корневые элементы экземпляров компонента Preloader. Тэг можно передать через props, как и те элементы, что сейчас являются соседними:

    function Preloader({ Tag = 'h1', children }) {
      return (
        <Tag className={s.wrapper}>
          <div className={s.preloader}></div>
          {children}
        </Tag>
      );
    }

    <div className="App">
      <Preloader>hello, world!!</Preloader>
      <Preloader Tag="h2">fuck the world</Preloader>
    </div>
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Как в CSS выбрать предыдущий элемент?

    Azigar @Azigar
    Да, такого селектора нет, но можно "обмануть".
    Нужные элементы разместите в html после, того, от которого будет производится селектор, например:

    <div class="wrap_input">
    	<input name="worker" class="input_text" type="text" spellcheck="false" value="">
    	<span>Работник:</span>
    </div>


    Обертке дайте свойства:

    .wrap_input{
       display: flex;
       flex-flow: column-reverse;
    }


    P.S. Вместо column-reverse можно использовать row-reverse.
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как в дереве зацепиться за каждый последний подряд идущий элемент с нужным классом?

    0xD34F
    0xD34F @0xD34F Куратор тега JavaScript
    const elements = Array
      .from(document.querySelectorAll('.green'))
      .filter((n, i, a) => n.nextElementSibling !== a[i + 1]);

    Если отдельно стоящие элементы не интересуют, то замените селектор на '.green + .green', или при фильтрации дополнительно проверяйте, что n.previousElementSibling === a[i - 1].
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Как получить часть строки после последнего «/»?

    bingo347
    Дмитрий Беляев @bingo347 Куратор тега JavaScript
    Crazy on performance...
    const getLastPartOfURL = url =>
        decodeURIComponent(url.slice(url.lastIndexOf('/') + 1));
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как получить часть строки после последнего «/»?

    0xD34F
    0xD34F @0xD34F Куратор тега JavaScript
    str.split('/').pop()
    // или
    str.match(/[^\/]+$/)[0]
    // или
    str.replace(/.*\//, '')
    // или
    str.slice(str.lastIndexOf('/') + 1)
    // или
    Array.from(str).reduce((acc, n) => n === '/' ? '' : acc + n, '')
    // или
    [...str].filter((n, i, a) => !a.includes('/', i)).join('')
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Как скрыть :after для второго класса через :not()?

    delphinpro
    Сергей delphinpro @delphinpro Куратор тега CSS
    frontend developer
    И не надо страдать фигней

    .first,
    .second {
      &::before {}
    }
    
    .first {
      &::after {}
    }


    Если очень хочется, можно так

    .first,
    .second {
      &::before {}
      
      @at-root {
        .first {
          &::after {}
        }
      }
    }
    Ответ написан более года назад
    2 комментария
    2 комментария
  • Как сделать закругленные углы на css?

    Ankhena
    Ankhena @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Например, что-то в таком духе https://jsfiddle.net/m06bkpdy/
    Или svg
    Или border-image
    Или вообще объединить с картинкой, но нужно смотреть макет.

    p.s. лучше вот так расположить градиент
    Чтобы не высчитывать размеры для средней полосы.
    Ответ написан более года назад
    2 комментария
    2 комментария
Оценили как «Нравится»
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • Следующие →
Самые активные сегодня
  • vabka
    Василий Банников
    • 9 ответов
    • 0 вопросов
  • CityCat4
    CityCat4
    • 6 ответов
    • 0 вопросов
  • mayton2019
    • 5 ответов
    • 0 вопросов
  • borisserver
    Субару Помнеш
    • 5 ответов
    • 0 вопросов
  • rPman
    • 4 ответа
    • 0 вопросов
  • sergey-gornostaev
    Сергей Горностаев
    • 4 ответа
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

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

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