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

    @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.
    Для всех это срабатывало, а для сафари - нет.
    Ответ написан
    Комментировать
  • Как сверстать такой border?

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

    @mishapsv
    Из собственного опыта:
    начинал с книг, статей, htmlbook - дало начальную базу, позволяло с большего править готовые шаблоны.
    Потом появились интерактивные курсы:
    - codecademy.com показались слабыми: пройти лишним не будет, но особо не продвинетесь.
    - teamtreehouse.com - неплохие курсы, активно развиваются, но платные.
    - htmlacademy.ru - очень крутые: отлично подается теория, много практики, основной раздел бесплатный. К тому же сервис русскоязычный.

    У этих же ребят есть интенсив по верстке сайтов с нуля. Прошел его.
    Если есть возможность оплатить - очень рекомендую. Реально вырастете за месяц. Плюс у вас останутся записи вебинаров и бесплатный доступ на все последующие интенсивы.
    Могу поделиться промо-кодом "344a1a5b"(без кавычек) - скидка 800р.

    Успехов!
    Ответ написан
    1 комментарий