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

    NN-webmaster
    @NN-webmaster
    Обожаю веб
    Как-то так:
    https://jsfiddle.net/573mj412/1/

    То есть вы обрамляете внутренности в элемент и поворачиваете его на то же количество градусов, только в обратную сторону.
    Ответ написан
    Комментировать
  • Как поменять цвет img при hover?

    NN-webmaster
    @NN-webmaster
    Обожаю веб
    Действительно, просто поменять цвет с помощью CSS никак. Единственный вариант, если вы хотите прослыть знатным извращенцем, то можете попробовать при наведении задавать блоку абсолютную позицию, смещать его за пределы экрана, а на его месте оставлять тень, заданную с помощью фильтров. Предупреждаю, прокатит не со всеми картинками.

    https://jsfiddle.net/4sx29vbr/

    А так - спрайты, иконочные шрифты как посоветовали выше.
    Ответ написан
    Комментировать
  • Что изучать дальше?

    NN-webmaster
    @NN-webmaster
    Обожаю веб
    Следует хорошо подумать, прежде чем становиться fullstack-разработчиком, потому что, если сейчас у вас в голове бардак, то когда вы начнёте изучать back-end, бардака станет в N раз больше.

    Я бы порекомендовал сейчас ненадолго остановиться, ещё раз пройтись по всем своим знаниям. Сделать для себя какой-нибудь небольшой проект, пусть даже в стол, используя новые умения.

    Как сказал Андрей, можно пофрилансить, но на фрилансе есть шанс просто уйти с головой в рутинную работу. Деньги это вам приносить будет, но профессиональное развитие притормозит (опять же, смотря за какие проекты браться).

    Однако, там есть такой момент. Я сталкивался с двумя типами ситуаций фрилансеров. Одни погружались в рутину и спустя какое-то время сильно отставали в развитии как программисты, как верстальщики, даже как SEO-шники. Когда ты в сотый раз натягиваешь шаблон на WP, тебе уже лень искать новые подходы и методы. С другой стороны, фрилансер брался за очень сложный для себя проект, изучал технологии уже в процессе работы над проектом, из-за этого его знания он получал, но они были обрывочны и не структурированы. Это тоже не есть хорошо.

    Можете отточить свои навыки вёрстки, перед тем как бросаться в хардкорный JS с фреймворками — это не сложно. SVG, анимация, флексы, сетки, иконочные шрифты, разные продвинутые CSS-штуки — это всё весело и ненапряжно.
    Ответ написан
  • Как сделать одинаковое отображение верстки на различных мониторах?

    NN-webmaster
    @NN-webmaster
    Обожаю веб
    Добавлю про картинки под ретину. Фотографии и прочие сложные растровые изображения можете использовать в обычном и х2 размерах, а иконки делать с помощью SVG. Также, если вам не нужны какие-либо нестандартные иконки, то можете освоить иконочный шрифт Font Awesome - очень классная вещь.
    Ответ написан
    Комментировать
  • Как правильно выровнять последний flex элемент?

    NN-webmaster
    @NN-webmaster
    Обожаю веб
    Если у вас у дочерних элементов фиксированная ширина, то задайте им свойство flex с их шириной.

    Вот, как-то так — https://jsfiddle.net/jrLkybfe/
    Ответ написан
    Комментировать