Пользователь пока ничего не рассказал о себе

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

Все теги (24)

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

Все ответы (69)
  • Что значит символ & перед селектором?

    GoodProject
    @GoodProject
    Верстальщик
    Это фиша препроцессора Sass с синтаксисом SCSS.
    Например ты создаешь кнопку:
    .button {
    
    }

    И тебе нужно задать для этой кнопки свойства при наведении на неё:
    .button {
        &:hover {
    
        }
    }

    Т.е вместо знака & в данном случае подставится .button после компиляции данного кода.

    Удобная штука, попробуй обязон, тем более SCSS мало чем отличается от CSS по синтаксису, сейчас каждый уважающий себя верстальщик должен пользоваться такой штукой. Особенно нравится вложенность, не нужно постоянно в строку перечислять все классы, просто создал один класс header, и уже внутрь него добавляешь нужные классы, типа:

    header {
        h1 {
        //свойство:значение;
        //свойство:значение;
        }
        p {
        //свойство:значение;
        //свойство:значение;
        }
    }


    В CSS будет выглядеть так:

    header {
    }
    header h1 {
    }
    header p {
    }


    Т.е тебе придется 3 раза написать header, это бесит, лично меня.
    Ответ написан
  • Где практиковаться?

    GoodProject
    @GoodProject
    Верстальщик
    Зачем тебе задачки, если по факту, как я понял, ты хочешь верстать сайты, так бери макеты и верстай, смотри видео на том же ютубе от WebDesing Master, повторяй за ним как он верстает, так и набьешь руку, HTML и CSS очень мало для работы, если только не повезет, нужно ещё кучу всего учить, jQuery как минимум, потом JS, Gulp, BEM, Sass, кучу всего кароч, можешь посмотреть что требуется от верстальщика/программиста на сайте по работе, а так HTML Academy советую, JavaScript.ru, WDM на ютубе, и NNmclub, там можешь взять скачать по той же верстке/JS, ибо сначала ты не будешь знать как верстать те или иные элементы, поэтому изучай ещё Bootstrap 3, учись адаптивной верстке, семантической, комментируй каждый блок-секцию типа .header, .footer, много моментов в общем тут, но можешь ещё на ютубе посмотреть ошибки начинающих верстальщиков, так же есть курс JavaScript для верстальщика на NNMclub, там по сути сборник jQuery плагинов типа слайдера или как сделать аккордеон, спрятать текст, плавный скролл и прочие штуки которые просят от верстальщика, и важно ещё качество кода, тут поможет плагин Beautify хотя бы выравнивать код, ну и старайся без мусора в HTML, всё оформление в CSS, в HTML лишь блоки-элементы, не нужно допустим ставить подряд
    пару штук. в общем гавнокодить, но это придет только со временем, смотри код на других сайтах, как он устроен, оформление и побольше практики.
    Ответ написан
  • Набираю портфолио - если верстать по готовым шаблонам, откуда брать PSD? И стоит ли скрывать тот факт, что я верстал не из PSD, а из шаблона?

    GoodProject
    @GoodProject
    Верстальщик
    Я бы взял бесплатный PSD, сверстал, и выложил бы к себе на сайт. Так было бы правильнее и честнее, имхо. Т.е это будет эмуляция вашей работы, когда вам дают PSD, а вы из картинки создаёте сайт, вы же не думаете что ваши клиенты будут вам вместе с PSD говорить как на самом будет правильно сверстать header, content, section и т.д. Всё приходит с опытом, а если хотите верстать как и задумывалось в посте, то думаю такое можно где нибудь да найти, достаточно в англ. гугле забить нужные запросы или найти верстку других верстальщиков и попробовать сверстать без PSD, но уже не выкладывая на сайт, вдруг вас обвинят в том, что вы ничего не верстали а просто скачали шаблон? Всё возможно.
    Ответ написан

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

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