Ответы пользователя по тегу CSS
  • Почему шрифт в верстке отличается от буквы к букве?

    AtriSimone
    @AtriSimone Автор вопроса
    Осваиваю Front-end
    Всем спасибо!
    Решил проблему убрав все типы шрифтов и подключив с google fonts
    Правда пришлось все места где прописаны шрифты переписывать, но в итоге все стало круто
    Ответ написан
    Комментировать
  • Как сделать вертикальное выравнивание текста в резиновом диве?

    AtriSimone
    @AtriSimone
    Осваиваю Front-end
    может так - Инфа
    Если текста не одна строчка, то:
    .container{
      display: flex;
      justify-content: center;
      align-items: center;
    }

    - инфа по align-items
    Ответ написан
    Комментировать
  • Как в данном случаи сделать ховер и на текст и на svg?

    AtriSimone
    @AtriSimone
    Осваиваю Front-end
    Ответ написан
    Комментировать
  • Как правильно заменять картинки для Ретины?

    AtriSimone
    @AtriSimone
    Осваиваю Front-end
    Сохраняйте картинку из фотошопа в 2 раза больше, т.е. была картинка по умолчанию - 200х200 - сохраните ее как image.jpg, а потом еще раз сохраните, но уже с размером 400х400 и назовите например image@2x.jpg. И экраны, у которых высокая плотность пикселей будут использовать именно вторую картинку. Она будет так же отображаться как и обычная, не подумайте. Экраны с такой плотностью пикселей ужимают картинку 400х400 заданную методом ниже, в 2 раза.
    <img src="images/image.jpg" srcset="images/image@2x.jpg 2x" alt="img">


    Почитать тыц и бац
    Ответ написан
    Комментировать
  • Какой max-width лучше выбрать для сайта?

    AtriSimone
    @AtriSimone
    Осваиваю Front-end
    В основном верстая макет 1920px - все было хорошо и на разрешении 1366*768(мой экран). Медиазапросы использовать приходилось только при 1200px и меньшей ширине.
    Как сверстать? - есть такая штука в хроме например: 201304b22b9744dd8d9b3113cac879d2.png
    Для других браузеров тоже найдете. ставите pixelperfect, верстаете, ложите поверх верстки скрин макета и подгоняете, скорее всего на 1366*768 все будет хорошо смотреться, может прям по мелочи поправить что(отступы например).
    Макет кстати не такой уж и огромный, сейчас много лептопов с 1920px шириной в разрешении и больше. Маки те же возьмите. Не говоря уже о ПК.
    Ответ написан
    Комментировать
  • Из-за чего font-weight: bold; на некоторых компах можете не работать?

    AtriSimone
    @AtriSimone
    Осваиваю Front-end
    Отсутствует шрифт на маке значит. Проганяйте шрифт через этот ресурс с нужными начертаниями, подключайте к себе и будет все Оки.
    Ответ написан
    Комментировать
  • Что изучать дальше?

    AtriSimone
    @AtriSimone
    Осваиваю Front-end
    Берите макеты коих море в интернетах и верстайте делая уклон на использование HTML5/CSS3.
    И учите js например тут или на торрентах курсы "js essetial" и "js advanced" от ITVDN(ищите через яндекс ;) ). Быстренько основы js пройдите и сразу переходите на изучение использования js в браузере, т.е. использование языка в контексте веба. По малу начнете делать клиентскую логику и уровень верстки качественно повысится через постоянную практику. С таким багажом и постоянной практикой вы будете понимать нравится вам это или нет. Если да, то будете искать способы сделать верстку более интересной, автоматизированной - так вы начнете знакомиться с jQuery, nodejs и сборщиками типа gulp, препроцессорами типа SCSS. В итоге несколько месяцев ежедневной практики и учебы сделают вас начинающим front-end разработчиком - можно пробовать устраиваться junior или фрилансить, и будет что показать заказчику или тому кто будет брать вас в офис. Но если после нескольких дней\недель вам это надоест, не понравится - то стоит задумываться о том что нужно свою жизнь связывать не с IT или попробовать в другой отрасли - разработка ПО например.
    Удачи вам!)
    Ответ написан
    Комментировать
  • Нужно ли поддерживать Internet Explorer 8 и ниже при верстке?

    AtriSimone
    @AtriSimone
    Осваиваю Front-end
    Не стоит думать об этом, выше всё написали точно:
    Microsoft кроме IE11 ничего не поддерживает;
    Доля использования старых IE просто мизер, а те кто использует их - это работники компаний в которых для работы специфического ПО до сих пор стоят WinXP или Win7, врятли эти сотрудники будут ходить по интернет-магазинам и другим сайтам.
    Но если вы будете работать в офисе, то от вас мало будет зависеть то что нужно будет поддерживать, а что нет, как и писалось выше.
    Ответ написан
    Комментировать
  • Стоит ли начинать обучение на простых макетах или нужно сразу начинать делать сложные макеты?

    AtriSimone
    @AtriSimone
    Осваиваю Front-end
    Как правильно заметил volkano сначала нужна база, инструменты, с помощью которых вы сможете верстать макеты. То бишь связка html/css ну и по хорошему в сторону javascript посматривать.
    Жмяк - сам проходил, интересно и познавательно, а так же в рассылке на почту раз в месяц вроде присылают по 3 макета для практики.
    По поводу JS вам сюда, а так же книги издательства O'reilly.
    Обучающие материалы приведенные мною - личный опыт и мне подошли, не могу обещать что вам такая форма обучения подойтет, но по интернету обучаещего материала море, гуглите))
    Начинать можно с любых макетов, тут уж ваше упорство и усидчивость главное. Хотите и вам это интересно - осилите. Практировался на некоторых макетах из этого ресурса. Вроде там к некоторым макетам так же есть и готовая верстка, в случае чего можно подсмотреть))
    Успехов вам!
    Ответ написан
    Комментировать