Местоположение
Антарктика

Достижения

Все достижения (2)

Наибольший вклад в теги

Все теги (7)

Лучшие ответы пользователя

Все ответы (16)
  • Чем можно заменить a href?

    mizutsune
    @mizutsune
    Frontend Developer
    Правильнее будет сделать кнопкой, то есть тегом </button>. При использовании данного тега есть свои плюсы и одним из них является поддержка фокуса по дефолту, т.е если юзать например </div>, то тогда придётся делать дополнительные телодвижения чтобы кнопка слепленная из тега </div> - корректно принимала на себя фокус, например, с клавиатуры. Да и к тому же более семантично использовать </button> для подобных целей. Хотя можно использовать и тег <input>, но в данной ситуации, он совершенно не к месту.
    Ответ написан
    1 комментарий
  • Как прижать footer к низу страницы?

    mizutsune
    @mizutsune
    Frontend Developer
    Это реализуется многими способами, но вот например как можно сделать гридами:

    Разметка:

    <div class="wrapper">
         <header></header>
         <main></main>
         <footer></footer>
    </div>


    Стили:

    .wrapper {
        display: grid;
        grid-template-rows: auto 1fr auto;
        grid-template-columns: 100%;
        min-height: 100vh;
    }
    Ответ написан
    Комментировать
  • Как сделать кнопку-ромб?

    mizutsune
    @mizutsune
    Frontend Developer
    Например:

    .button {
        background: #63319f;
        padding: 10px 45px;
        color: #fff;
        clip-path: polygon(85% 0, 100% 50%, 85% 100%, 15% 100%, 0% 50%, 15% 0);
    }
    Ответ написан
    Комментировать
  • Можно ли как-то найти элемент, создаваемый по клику?

    mizutsune
    @mizutsune
    Frontend Developer
    Можно ли как-то найти элемент, создаваемый по клику?


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

    Однако можно обойтись и без MutationObserver, но это уже зависит от структуры исходного кода который вы используете и желаемого результата.
    Ответ написан
    Комментировать
  • Как два совместить свойства background??

    mizutsune
    @mizutsune
    Frontend Developer
    .header {
       background: linear-gradient(180deg, #0d606f 0%, rgba(13, 96, 111, 0) 25.1%), 
                   url("ссылка_на_изображение.jpg") 0 0/100% 100% no-repeat;
    }
    Ответ написан
    1 комментарий

Лучшие вопросы пользователя

Все вопросы (2)