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

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

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

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

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

Хабровчане vs. цифровые сервисы банков: итоги
Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

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

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

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

Ankhena

Нежно люблю верстку
  • 1437
    вклад
  • 0
    вопросов
  • 1505
    ответов
  • 63%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Почему не отрабатывает sticky-top?

    monochromer
    monochromer @monochromer
    Нужно, чтобы элемент с sticky-top был непосредственным потомком скроллируемого контейнера (скорее всего, это у вас body).
    Ответ написан более двух лет назад
    1 комментарий
    Нравится 3 1 комментарий
  • Как можно сверстать данную секцию?

    Odisseya
    Odisseya @Odisseya
    Оптимизирую PageSpeed & Performance
    Ответ написан более двух лет назад
    2 комментария
    Нравится 2 2 комментария
  • Как сделать такую стрелку?

    politon
    Олег @politon
    HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
    1. Примерно так

    2. after,before
    Ответ написан более двух лет назад
    Комментировать
    Нравится 1 Комментировать
  • Как двигаться с права налево?

    OTCloud
    TCloud @OTCloud
    - И как назовемся? Пожиратели пожирателей смерти?
    1) from -> transform: scale(0); to -> transform: scale(-1);
    2) position: absolute; right: 0;

    Конечно же, это не все варианты :)
    Ответ написан более двух лет назад
    Комментировать
    Нравится 1 Комментировать
  • Как правильно создать рамку с помощью border-image и 2 изображений?

    RAX7
    RAX7 @RAX7
    Сначала нужно сделать изображение для рамки.
    Картинка режется вот по такой схеме:
    5c6ff3293b097808182087.png
    В твоем случае будет типа такого
    figbam-frame
    5c6ff1977c845590059109.png


    Получившуюся картинку уже можно будет использовать для border-image
    Ответ написан более двух лет назад
    Комментировать
    Нравится 1 Комментировать
  • Не отображаются фоновые иконки на псевдоэлементах?

    DeLaVega
    Виталий Киренков @DeLaVega
    Верстаю, фронтэндю =)
    Задайте `display: block` псевдоэлементу и будет счастье
    Ответ написан более двух лет назад
    3 комментария
    Нравится 3 3 комментария
  • Как реализовать такой эффект подчёркивания?

    Vlad_IT
    Владимир Проскурин @Vlad_IT Куратор тега CSS
    Front-end разработчик
    1) Создаете элемент для полоски, делаете ему абсолютное позиционирование, и transition на left и width
    2) Вешаете на каждый пункт меню событие mouseenter
    3) По выполнению события mouseenter, берете у текущего элемента позицию относительно родителя, и ширину
    4) Назначаете полоске полученную позицию и ширину
    5) Вешаете mouseleave на блок с меню
    6) По выполнению mouseenter делаете переход полоски к активному пункту меню (или первому).
    UPD: вот так на jQuery будет https://jsfiddle.net/Vlad_IT/8zj2x17L/
    Ответ написан более двух лет назад
    2 комментария
    Нравится 1 2 комментария
  • Когда очищать корзину пользователя в своем движке интернет магазина?

    Maksclub
    Максим Федоров @Maksclub
    maksfedorov.ru
    Первое: оплата и подтверждение
    Нужно работать адекватно с подтверждением оплаты
    вы когда передаете данные заказа, то вы кодируете данные одним ключем
    банк раскодирует и потом кодирует вторым ключем и вы уже при подтвержддении их раскодируете также вторым ключем их и смотрите -- какой заказ подтвердил банк

    Все платежки, которые я знаю работают по такому принципу:
    - выдаются 2 ключа
    - туда отправляете данные -- одним кодируете
    - полученные данные вторым раскодируете
    - в полученных данных есть номер заказа

    Второе: очистка корзины
    Очищайте корзину сразу после принятия заказа и записывайте заказ в заказы (что логично)
    А оплачен заказ или нет -- другая история, у пользователя в случае ошибки оплаты просто будет не оплаченный заказ
    Если нужно что-то напомнить -- напоминайте. У вас, мол, не оплачен заказ, оплатите, пока есть на месте товары
    Ответ написан более двух лет назад
    3 комментария
    Нравится 3 3 комментария
  • Как узнать какая иконка иконочного шрифта использована у дизайнера?

    karyapkin
    Павел Каряпкин @karyapkin
    UX/UI-Designer
    1. Выделить в макете символ иконки
    2. Скопировать иконку
    3. Открыть в браузере https://fontawesome.com/cheatsheet
    4. Нажать сочетание клавиш Ctrl+F
    5. Вставить в поле поиска
    Если иконка из данного шрифта, она будет найдена в этой таблице
    Ответ написан более двух лет назад
    Комментировать
    Нравится 3 Комментировать
  • Как динамично менять переменную в sass, при помощи jQuery?

    Vlad_IT
    Владимир Проскурин @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    В sass на самом деле не переменные, а больше константы. При компиляции в css, они будут заменены на обычные значения, как если бы вы их ввели руками. Другое дело, переменные css. Их можно легко менять через js

    Вот у меня примерчик с другого вопроса завалялся https://jsfiddle.net/Vlad_IT/5pyn2Lo9/
    Ответ написан более двух лет назад
    1 комментарий
    Нравится 2 1 комментарий
  • Как узнать абсолютный путь php файла для cron?

    BojackHorseman
    Лентюй @BojackHorseman Куратор тега PHP
    ...в творческом отпуске...
    Волшебные константы
    Ответ написан более двух лет назад
    Комментировать
    Нравится 5 Комментировать
  • Какие сетки вы используете в своих проектах? И куда двигаться дальше?

    Vlad_IT
    Владимир Проскурин @Vlad_IT Куратор тега Вёрстка
    Front-end разработчик
    но разброс советом просто колоссальный

    Тут будет еще колоссальнее.
    инструментов для разработки

    Инструментов разработки огромное количество, и не нужно под копирку ориентироваться на кого-то. Выбирайте свой инструмент, который подходит больше вам.
    если смотреть на hh по объявлениям.

    Вакансии по чистой верстке не такие объемные по требованиям. Но часто требуют JS, сейчас без него никуда.
    Сейчас задалась вопросом как писать и делать проекты, поспрашивала у знакомых

    Прошлогодний ответ, но все еще актуальный Верстка с нуля: какие основные этапы работы?
    Кто-то советуют делать адаптивные сетки самостоятельно сливая вместе флексы и гриды и писать на ванильном css без фреймворков, много советуют фреймворк smartgrid, пара используют bootstrap и плюют на все остальное считая это лишними усилиями.

    При хороших знаниях css, в особенности flex и grid, вам не нужно будет использовать всякие фреймворки. Никогда не любил их использовать, всегда одинаково по времени разработка занимала как с css фреймворками, так и без. Но вы должны ориентироваться на себя. Попробовать стоит и так и так, но на начальных этапах советую делать упор на чисты css, чтобы лучше понимать, как это работает. Фреймворки лишь обертки.
    И понять, кто прав и кому верить я не смогла

    Тут будет также. Единственный выход, послушать всех, попробовать самой и принять решение.
    Но хочу сразу идти в правильную сторону зацепляя меньше граблей.

    Грабли, как и ошибки, довольно полезная вещь в изучении. Помогает оценить, почему так ошибся, как сделать так, чтобы больше так не ошибаться.
    Если дадите пару развернутых советов по примерном выборе стека и аргументов в пользу него, буду очень благодарна.

    Учите чистый css, html и js, по мере работы будете понимать, какие инструменты вам необходимы, чтобы облегчить/ускорить разработку. Закидаете себя сейчас инструментами - перегорите и бросите.
    Ответ написан более двух лет назад
    Комментировать
    Нравится 4 Комментировать
  • Как сделать такую кнопку на css?

    webirus
    Сергей Горячев @webirus
    Тыжверстальщик! Наверстай мне упущенное...
    Че тут генерировать, обычные box-shadow inset.

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

    Артём Ведищев @Artem-V
    https://jsfiddle.net/ozrq6dn8/
    Как-то так...
    Ответ написан более двух лет назад
    Комментировать
    Нравится 2 Комментировать
  • Нужна помощь с меню?

    LenovoId
    Максим Ленский @LenovoId
    I want, women not to get sick
    https://codepen.io/topicstarter/pen/davamO всё же align-center работает
    Ответ написан более двух лет назад
    2 комментария
    Нравится 2 2 комментария
  • Как сделать border над backgroundImage?

    SmthTo
    Рустам Байназаров @SmthTo Куратор тега CSS
    Все перепёлки мира будут оплакивать мою смерть.
    Если img превышает высоту родительского блока, то блок увеличивается.

    Ответ написан более двух лет назад
    Комментировать
    Нравится 1 Комментировать
  • Как при скролле реализовать плавное исчезновение картинки и появление видео фона?

    webinar
    Максим Тимофеев @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Цепляетесь за событие скрола вычисляете отступ скрола от верха и устанавливаете с зависимости от него уровень прозрачности вашей картинки. На определенном уровне прозрачности картинки, делаете видимым слой с видео и запускаете видео
    Ответ написан более двух лет назад
    2 комментария
    Нравится 4 2 комментария
  • Как сделать такую адаптивную структуру?

    LenovoId
    Максим Ленский @LenovoId
    I want, women not to get sick
    1) https://codepen.io/topicstarter/pen/ZqOBEb
    2) https://codepen.io/topicstarter/pen/GzoMwq
    Ответ написан более двух лет назад
    Комментировать
    Нравится 1 Комментировать
  • Как не допускать банальных ошибок?

    Lord_Dantes
    Lord_Dantes @Lord_Dantes Автор вопроса, куратор тега CSS
    Чат джунов t.me/developersjunior
    Если кому понадобится.
    Всем блокам кроме первого ставим:
    border-right: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;

    А первому даем значение в стиле:
    border-top: 1px solid #E3E3E3;
    Сори, за кликбейт.
    Ответ написан более двух лет назад
    2 комментария
    Нравится 1 2 комментария
  • Как можно сверстать такое?

    LenovoId
    Максим Ленский @LenovoId
    I want, women not to get sick
    Вы всё таки не пробовали inkscape ?
    Вот смотрите такие понты там делаются на щелчок пальцем
    5c4db58c069bd491831361.png5c4db845b4497032865180.png
    Ответ написан более двух лет назад
    4 комментария
    Нравится 4 4 комментария
Оценили как «Нравится»
  • ← Предыдущие
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • Следующие →
Самые активные сегодня
  • Василий Банников
    • 16 ответов
    • 0 вопросов
  • Dr. Bacon
    • 9 ответов
    • 0 вопросов
  • dimonchik2013
    dimonchik2013
    • 8 ответов
    • 0 вопросов
  • Стефан
    • 8 ответов
    • 0 вопросов
  • Jump
    АртемЪ
    • 8 ответов
    • 0 вопросов
  • rPman
    • 8 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

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

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