Ответы пользователя по тегу CSS
  • Что изучать верстальщику и в каком порядке?

    @mishapsv
    Я уже ответил здесь, повторюсь.
    По личному опыту:
    1. Начать с верстки - порог входа ниже.
    Изучать теорию, обязательно закрепляя большим количеством практики. Сверстав несколько больших макетов для портфолио активно искать работу. На этом этапе нет ничего лучше работы фуллтайм. Сначала будет куча вопросов, ошибок, проблем, но прогресс будет идти максимально быстро.
    Где изучать?
    Теория: developer.mozilla.org, htmlbook.ru, learn.javascript.ru/css-for-js
    Удобно пробовать верстать в песочнице (мне нра codepen.io).
    Практика: интерактивные курсы htmlacademy.ru (большинство можно пройти бесплатно).
    У этих же ребят есть интенсив по верстке сайтов с нуля. Прошел его.
    Если есть возможность оплатить - очень рекомендую. Реально вырастете за месяц. Плюс у вас останутся записи вебинаров и бесплатный доступ на все последующие интенсивы.
    Могу поделиться промо-кодом "344a1a5b"(без кавычек) - скидка 800р.
    2. Продолжить изучая JS.
    Теория: learn.javascript.ru.
    Практика: stepik.org, немного есть у htmlacademy.ru.
    Интенсивы: я проходил интенсивы по JS у learn.javascript.ru и htmlacademy.ru.
    Понравилось больше у htmlacademy: проработанный интерфейс курсов, интерактивные упражнения, проект годится для портфолио, постоянная помощь наставника.
    3. Дальше изучать фреймфорк(и): React, Angular, Vue.
    Ответ написан
    Комментировать
  • С чего начать изучать верстку?

    @mishapsv
    Продублирую свой ответ.
    По личному опыту:
    1. Начать с верстки - порог входа ниже.
    Изучать теорию, обязательно закрепляя большим количеством практики. Сверстав несколько больших макетов для портфолио активно искать работу. На этом этапе нет ничего лучше работы фуллтайм. Сначала будет куча вопросов, ошибок, проблем, но прогресс будет идти максимально быстро.
    Где изучать?
    Теория: developer.mozilla.org, htmlbook.ru, learn.javascript.ru/css-for-js
    Удобно пробовать верстать в песочнице (мне нра codepen.io).
    Практика: интерактивные курсы htmlacademy.ru (большинство можно пройти бесплатно).
    У этих же ребят есть интенсив по верстке сайтов с нуля. Прошел его.
    Если есть возможность оплатить - очень рекомендую. Реально вырастете за месяц. Плюс у вас останутся записи вебинаров и бесплатный доступ на все последующие интенсивы.
    Могу поделиться промо-кодом "344a1a5b"(без кавычек) - скидка 800р.
    2. Продолжить изучая JS.
    Теория: learn.javascript.ru.
    Практика: stepik.org, немного есть у htmlacademy.ru.
    Интенсивы: я проходил интенсивы по JS у learn.javascript.ru и htmlacademy.ru.
    Понравилось больше у htmlacademy: проработанный интерфейс курсов, интерактивные упражнения, проект годится для портфолио, постоянная помощь наставника.
    3. Дальше изучать фреймфорк(и): React, Angular, Vue.
    Ответ написан
    Комментировать
  • Как правильно изучать верстку c переходом на front-end?

    @mishapsv
    По личному опыту:
    1. Начать с верстки - порог входа ниже.
    Изучать теорию, обязательно закрепляя большим количеством практики. Сверстав несколько больших макетов для портфолио активно искать работу. На этом этапе нет ничего лучше работы фуллтайм. Сначала будет куча вопросов, ошибок, проблем, но прогресс будет идти максимально быстро.
    Где изучать?
    Теория: developer.mozilla.org, htmlbook.ru, learn.javascript.ru/css-for-js
    Удобно пробовать верстать в песочнице (мне нра codepen.io).
    Практика: интерактивные курсы htmlacademy.ru (большинство можно пройти бесплатно).
    У этих же ребят есть интенсив по верстке сайтов с нуля. Прошел его.
    Если есть возможность оплатить - очень рекомендую. Реально вырастете за месяц. Плюс у вас останутся записи вебинаров и бесплатный доступ на все последующие интенсивы.
    Могу поделиться промо-кодом "344a1a5b"(без кавычек) - скидка 800р.
    2. Продолжить изучая JS.
    Теория: learn.javascript.ru.
    Практика: stepik.org, немного есть у htmlacademy.ru.
    Интенсивы: я проходил интенсивы по JS у learn.javascript.ru и htmlacademy.ru.
    Понравилось больше у htmlacademy: проработанный интерфейс курсов, интерактивные упражнения, проект годится для портфолио, постоянная помощь наставника.
    3. Дальше изучать фреймфорк(и): React, Angular, Vue.
    Ответ написан
    Комментировать
  • Как сделать бордер сложного контура?

    @mishapsv Автор вопроса
    Самому элементу задать
    background-size: 75% 75%;
    И добавить псевдоэлемент с теми же свойствами бэкграунда (только цвет другой)

    position: absolute;
    content: "";
    top: 1px;
    bottom: 1px;
    left: 1px;
    right: 1px;
    z-index: -1;
    Ответ написан
    Комментировать
  • Почему на срабатывает overflow-x?

    @mishapsv Автор вопроса
    Решил: убрал боковые паддинги у .filter и добавил их к .filter__inner
    Ответ написан
    Комментировать
  • Почему не работает space-between в Safari?

    @mishapsv Автор вопроса
    Оказалось, что для мобильных устройств был прописан min-width:auto.
    Для всех это срабатывало, а для сафари - нет.
    Ответ написан
    Комментировать
  • Как в less файле подключить css файлы?

    @mishapsv
    Я просто меняю разрешение css на less у самих файлов.
    Ответ написан
    2 комментария
  • Как сверстать такой border?

    @mishapsv
    Использовать отрицательный margin и/или :nth-child(n) (т.е. к примеру средним элементам задавать бордер только с двух сторон, а крайним еще и с недостающих).
    Ответ написан
    Комментировать
  • Типичный вопрос про верстку. С чего начать?

    @mishapsv
    Интенсив от htmlacademy.ru - пошагово, с наставником, показывают лучшие практики.
    Да, за деньги.
    Я очень доволен вложением.
    Можешь в лс написать, промо-код на скидку дам.
    Ответ написан