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

    webirus
    @webirus
    Тыжверстальщик! Наверстай мне упущенное...
    Пишу по порядку, как реально нужно.

    Поиск по Тостеру, так как схожие вопросы задаются минимум 2-3 раза в неделю.

    адаптива не знаю, он у нас и не требуется

    Печально уже за такую компанию, которая сейчас пренебрегает адаптивной версткой.
    Хотя, быть может (моя последняя надежда) у вас есть мобильная версия сайта.

    про бэм и препроцессоры что-то где-то читал, но тоже не знаю

    Да не используйте, и не учите. Просто теряете время и ресурсы на написание код (или говнокода, не знаю).
    Просто без препроцессоров всё делается долго и нудно, и тяжело структурировать, копаясь в одном файле.
    А так, можете не учить, если хочется заморачиваться %)

    js так же, на уровне скопировал-вставил

    Выскажу свое личное мнение.
    Верстальщик без JS, это не верстальщик, это контент-менеджер со знанием HTML.
    Любой сайт от лендинга до портала требует JS, правда часто делают хрень, напичканную плагинами, даже если требуется 2-3 строки кода. Не нужно подключать плагины там, где оно не нужно и обратная сторона вопроса, не нужно писать свой код там, где можно использовать готовый плагин (не изобретать велосипед).
    Но если есть время, желание и умение, можно писать и свои плагины, для тренировки.

    Верстаем display:table/table-cell

    Тут буду краток. $^*(&%#(*$%($(%&*(*$#&*%($#%)($)^_*()#&@%$ - вырезано цензурой.

    не в одну компанию с такими навыками меня явно не возьмут

    Что мешает заниматься самообразованием?
    Благо живем в 21 веке, в интернете есть любые учебники, тесты, курсы, да чего только нет.
    На крайний случай, можно напросить в подмастерья к какому-нибудь верстальщику (знаю, часто требуются).
    Да, работать придется в основном "за еду", но будет опытный наставник, который скажет - так норм, а так не надо.

    надо изучать с бустрапа сразу

    Не зная принципов адаптивной верстки, использовать Бутстрап не получится.
    Так что в ьлюбом случае, понимание адаптивной верстки должно быть, при том "чистое", чтобы можно было разобраться не только в Бутстрапе. Фреймворков для адаптивной верстки еще очень и очень много.

    советы от товарищей по цеху, как развивались они и откуда брали инфу

    90% опыта приходит вместе с практикой.
    Можно прочитать 100 учебников и не понять, что это за свойство, а можно один раз применить и сразу понять.
    Нужно просто много и усердно практиковаться. Качать любые шаблоны PSD, верстать, верстать, верстать.
    Сначала простые, трехколоночные сайты. Потом посложнее и закончить каким-нибудь паралаксом.
    Но повторюсь, для обучения минимум плагинов.

    есть ли смысл работать в маленьком городе

    Не знаю, что за город у вас. Скажу про свой. Население около 900тыс.
    В городе порядка 5 топовых студий по созданию сайтов, не считая 2-3 десятков мелких контор.
    Также есть топовые IT компании, но про них говорить не буду, с таким багажом тебя туда пока не возьмут.
    Так что в любом городе есть смысл работать.
    Да и фриланс, удаленную работу никто не отменял.

    вопрос только Москва или оставаться в городе

    Что в Москве, медом намазано? Или думаешь, так вакансий больше?
    Нифига не больше, потому как и желающих поработать там не меньше чем вакансий.

    В общем, резюмируя всё вышесказанное - учись, развивайся.

    Удачи.

    ЗЫ: Недавно на Хабре опубликовали ссылку.
    webmasters.teamdev.com
    Чесслово, проникся. Отличный мануал.
    Ответ написан
    17 комментариев
  • CSS3 целесообразно ли использовать calc()?

    @rollbackTNV Автор вопроса
    Программист Bitrix & other CMS
    IE 8 не рассматриваю, для остальных думаю использовать конструкцию:
    width: 185%;
    	width: calc(200% - 30px);
    	width: -moz-calc(200% - 30px);
    	width: -webkit-calc(200% - 30px);

    Сработает ли последовательность для неподдерживающих браузеров?
    Ответ написан
    3 комментария
  • Как посчитать элементы внутри каждого блока с id="cat-0" .... id="cat-n"?

    AppFA
    @AppFA
    Frontend developer at Yandex
    Можно так:
    https://jsfiddle.net/3rjdbvcy/
    Ответ написан
    Комментировать
  • Как вы правите большое количество страниц сайтов с однообразным кодом?

    riot26
    @riot26
    <:З )~~
    Если у тебя много однообразного кода -- ты где-то прокололся
    Ответ написан
    2 комментария
  • Как объяснить девушке что такое "некрасивый" код?

    vaux
    @vaux
    Курящий лыжник
    Рискну предположить, что до лампочки ей ваш код. Цель расспросов - показать интерес к вашей деятельности. Не обязательно посвящать в суть дела, просто показывайте, что цените её интерес.
    Ответ написан
    4 комментария
  • Как сверстать картинку на картинке (адаптив)?

    @westdp
    Первая картинка бекграундом, вторая можешь сделать как написал Pavel Torbeev , но есть более универсальный подход, где не нужно знать размеры картинки:
    .center {
        position:absolute;
        top:50%;
        left:50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); 
    }
    Ответ написан
    Комментировать
  • Grid типа Bootstrap для SCSS?

    alexk111
    @alexk111
    Автор Ботодрома (автоматизация Telegram, VK и др.)
    Если Bootstrap, портированный на SCSS (https://github.com/twbs/bootstrap-sass) не подходит, тогда попробуйте gridle.org - очень гибкая система для любых сеток на SCSS (включая 12-колоночные)
    Ответ написан
    Комментировать