• Цена адаптивной верстки?

    В зависимости от макетов.

    Если предлагается по макету 1200+ шириной, сделанному без учета его адаптации под меньшие разрешения, запилить адаптив, то в 2-3 раза дороже чем верстка этого же макета без адаптива. Аргументация проста: помимо верстки придется выполнить и работу дизайнера, а некоторые элементы адаптировать - и вовсе нетривиальная задача.

    Как правило такая адаптация на лету ходит на костылях и несет гораздо меньшую ценность, чем заранее продуманный адаптивный интерфейс.

    Если дизайнер сделал свою работу, а не просто нарисовал картинки, приложил макеты под несколько разрешений и понимает что такое верстка - сложно найти какой-то коэффициент. По опыту просто оцениваются примерные трудозатраты.
    Разве что примерно можно прикинуть что условная адаптивная верстка в таком случае раза в 1,5 подороже условной неадаптивной.

    P.S. Говорю либо о почасовой работе, либо о цене проекта на основе предварительной оценки ожидаемых затрат времени. То, что какая-то верстка стоит у кого-то там на фрилансру 500 рублей - вообщем всё равно. только часы*рейт.
    Ответ написан
    4 комментария
  • Стоит ли front-end разработчику владеть веб дизайном?

    mikelazarev
    @mikelazarev
    У меня прямо противоположная ситуация была не так давно. Я дизайнер интерфейсов, умею верстать, в принципе, но не очень чисто и делаю это довольно медленно. Возникнет какая-то ошибка - ну и начну искать как это исправить пару часов, глаза устают, процесс не идет, руки опускаются. Так как надо хоть и получается, но очень медленно.

    Поэтому теперь я отдаю фронтенд тому, кто умеет делать это быстро и качественно. Сам я трачу свое время более эффективно и зарабатываю больше (так как я сосредоточен на том, что мне интересно и в чем я развиваюсь очень давно).

    Так что наверное не стоит. Найдите себе коллегу-дизайнера, с которым будет комфортно работать. Я вот сам до сих пор ищу фронтенда хорошего.
    Ответ написан
    Комментировать
  • Адаптивная вёрстка - как побороть боль?

    @Elmechador
    Настоятельно рекомендую изучить сеточный фреймворк Susy, он как раз и позволяет избавиться от болезней бутстрапа/фондейшен с их определенными сетками , и генерировать нужную сетку под макет.
    Ответ написан
    7 комментариев
  • Адаптивная вёрстка - как побороть боль?

    Antonoff
    @Antonoff
    Разработчик
    Foundation/Bootstrap + SASS/LESS и никакой боли нет, одно удовольствие верстать адаптивные сайты.
    Ответ написан
    12 комментариев
  • Адаптивная вёрстка - как побороть боль?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    сделать красиво и лаконично - использовать rem.

    rem не панацея от всех болезней. Вообще каждый юнит надо использовать осмысленно. Будь то px, rem, em или vm/vh/vmin. Все юниты нужны для своих целей и использовать только что-то одно глупо.

    Существует ли какой-нибудь клёвый подход/методика?

    mobile first. В целом же все зависит сильно от дизайна. Как по мне придумывать какие-то правила на эту тему - глупо.

    В чём смысл использовать em?

    А вы как думаете, зачем нужны относительные единицы измерений? Обычно их в контексте конкретных блоков используют. Например кнопки. вы выставляете размер шрифта у блока, а все что ниже подстраивается под этот размер.

    Неужели нет единой методики, неужели в вёрстке всё так плохо

    Единой методики быть не может априори. И не все так плохо. Ну а что до неудачных примеров - просто смеритесь что большинство просто не парится, работает и ладно. Методологии есть - SMACSS, BEM, etc... они не по адаптивной верстке, они просто по верстке. С тем же BEM (возможно слегка адаптированным под ваши нужды) можно изрядно уменьшить количество боли.
    Ответ написан
    4 комментария
  • Стоит ли front-end разработчику владеть веб дизайном?

    blasheevich
    @blasheevich
    Так даже интереснее разрабатывать, - да, конечно, но курсы это напрасная трата времени, лучше уделить это время графическим редакторам, раст, вектор, это чтоб просто подправить графику. Спрашивают - можете дизайн сами сделать, смело говорите - да, конечно могу.
    дизайнер не должен уметь рисовать, он не художник, шрифты, компоновка, цвета подобрать, ничего сложного.
    Ответ написан
    2 комментария
  • Стоит ли front-end разработчику владеть веб дизайном?

    zooks
    @zooks
    Frontend
    При отсутствии таланта к рисованию человек не видит гармонию в композиции и расцветке, но может ее зазубрить.
    Лично я считаю, что для верстальщика иметь понимание в базовых вещах дизайна обязательно.

    "Увидел клёвый курс" - лучше книги ничего быть не может. Рекомендую к прочтению: "Веб-дизайн: книга Стива Круга или "не заставляйте меня думать"
    Ответ написан
    2 комментария
  • Можно ли так менять высоту sidebar в зависимости от ширины экрана?

    @p1rat495
    function fixSize(){
    
         if($(window).width() > 757) { 
           $('#sidebar').css({
              'height':  $(".post").height()
            });
         } else [
           $('#sidebar').css({
              'height':  'auto'
            });
         }
    
    }
        $(window).resize(fixSize);
        fixSize();

    Я бы сделал так, но не знаю на сколько это правильно.
    Ответ написан
    1 комментарий
  • Как и когда вы повышаете квалификацию?

    Prognosticator
    @Prognosticator
    TODO: Здесь будут ворованные умные мысли, типа мои
    Аудио в пути (пешком, за рулем, в салоне, в самолете). Инглиш, курсы, накачанные из сети материалы по профилю.
    Книги на смартфоне, ноуте.

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

    Я сам несколько лет назад ушел во фриланс вперемешку с удаленкой (для меня это одно и тоже).
    Появились +3 часа каждый день, утренние приготовления к работе (побриться там, погладиться, машину прогреть) +час, дорога до работы +час, дорога с работы +час. При среднем 6ти часовом рабочем дне. Хватает времени на многое, на спорт, на женщину, на ребенка, на неспешную прогулку (забавно по утрам наблюдать вприприжку идущих на работу), на тостер и ему подобные вещи :).

    Кредиты зло в том плане, что отнимают свободу выбора работы и перемещения, если у вас нет денежного буфера, а у кого буфер есть и кредиты не берет :)
    Но вы не раб для близких, они будут рады если вы будете заниматься любимым делом.
    Вы не обязаны им обеспечивать абсолютно безпроблемую жизнь.
    Выбирать конечно же нужно работу под желаемые вами технологии. Иначе на работу стоять не будет.
    Избитая истина - занимайтесь тем, что нравится и чем интересуетесь. Она же не зря избитая.
    Ответ написан
    Комментировать
  • Payoneer и покупки в оффлайн магазинах - какая комиссия будет и по какому курсу расчёт?

    RitaPayoneer
    @RitaPayoneer
    Добрый день,
    при покупке в рублях будет сниматься комиссия до 3,5% за конвертацию валюты. Курс конвертации определяет система MasterCard на день окончательного проведения транзакции. Вот здесь вы можете найти подробную информацию: blog.payoneer.com/%D0%B2%D1%81%D0%B5-%D0%BE-%D0%BA...
    А это калькулятор Mastercard: https://www.mastercard.com/global/currencyconversion/
    Ответ написан
    Комментировать
  • Как разрабатывать в жару без кондиционера и не сойти с ума?

    @lotse8
    График работы поменяй. Вставай в 4 часа утра и работай до 11 - это 7 часов, если надо еще вечером добирай с 20 до 22. Днем в жару можно час-два спать. Так все селяне работают. И я так работал, несмотря на то что был всю жизнь совой. Через неделю привык. В утренние часы продуктивность намного выше, чем ночью.
    Кондиционер плохо влияет на производительность, воздух у него не здоровый.
    Ответ написан
    1 комментарий
  • Получение опыта!? Замкнутый круг или безвыходная ситуация?

    newross
    @newross
    Product owner
    Что за надуманная проблема? Где тут замкнутый круг? В 99.99% случаев банальная лень мешает получить опыт.
    Ведь реально существует 100500 вариантов получить опыт и иногда даже заработать:
    - банальные стажировки;
    - многие крупные компании имеют свои учебные центры, некоторые даже стипендию платят;
    - фриланс помогает набить руку на мелких проектах и наработать портфолио;
    - низкооплачиваемая работа разработчиком во всяких НИИ и на заводах может быть первым шагом к большим компаниям;
    - коммиты в открытые проекты;
    - свои проекты в конце концов.
    Ответ написан
    5 комментариев
  • Payoneer и покупки в оффлайн магазинах - какая комиссия будет и по какому курсу расчёт?

    Insaned
    @Insaned
    По факту нормальный курс (считается по внутреннему курсу платежной системы, как он формируется - загадка ), комисси нет.
    Почему нет комисси - не понимаю. По условиям сервиса она должна быть. Но нету.
    С учетом лимитов, процентов, головняков с поисками правильного банкомата, правильного обменника (моё время тоже стоит денег) считаю что выгоднее расплачиваться картой.
    Давайте разберем на примере:
    5747169644fb4f5e912c0cab63bc29e5.PNG
    Вот я газировку например купил по курсу 52.21
    Курс ЦБ на этот момент был 53,8
    В обменнике я бы продал доллары наверное за 53
    Что-то заплатил бы за снятие - по факту больше процента т.к. комиссия за снятия $2.15, а лимиты не больше $200
    Т.е. мне бы этот доллар вышел по 52,3 примерно
    Стоит ли ради такой экономии бегать по городу в поисках нужных банкоматов и обменников?
    Ответ написан
    2 комментария
  • Где посмотреть примеры качественного кода вёрстки сайтов, лендингов, веб-приложений?

    paulradzkov
    @paulradzkov
    Дизайнер, верстальщик, начальник отдела UI
    Первый путь.
    На Гитхабе поискать по ключевым словам (BEM, SMACSS, OOPCSS) — найдутся бойлерплейты и стартеркиты, которые по определению должны быть хорошего качества.

    Можно искать глубже, по упоминанию в исходном коде этих ключевых слов — найдутся тысячи проектов, но тут сложнее определить, что качественнее.

    Второй путь.
    Искать в Гугле людей, которые пишут про BEM, SMACSS, OOPCSS и прочих крутых фронтендеров. Искать их профили на гитхабе, изучать их проекты. Если они пишут про методологии, то они явно их используют в работе.
    Ответ написан
    Комментировать
  • 1 css для всего сайта или разный каждой странице?

    gluck59
    @gluck59
    Виртуальный глюк
    Нечего тут дискутировать.

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

    Вопрос отпал? Проздравляю.
    Ответ написан
    Комментировать
  • Как разрабатывать в жару без кондиционера и не сойти с ума?

    @AndreyMyagkov
    Простое решение — работать по системе Pomodoro и в перерывах принимать прохладный душ. Сам так работал, пока кондея не было.
    Ответ написан
    Комментировать
  • Как красиво верстать такое (без дублирования кода)?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Перекрывающий класс описываете и подключаете поверх базового когда необходимо
    делов то)
    .mybox{ display:inline-block; color:#EEE; margin:20px;padding:20px}
    .mybox.red{  color:#E22;}

    Пишем стиль
    <div class="mybox red">Как-то так!</div>
    Ответ написан
  • Как красиво верстать такое (без дублирования кода)?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Почитайте про БЭМ. Для выделенных элементов у вас будет один блок, в котором есть элементы:

    .intro {}
    .intro__heading{}
    .intro__text{}
    .intro__call-to-action{}


    элементы отвечают только за положение внутренних блоков/элементов относительно блока (то есть никаких выставлений цветов по идее там быть не должно, но не верьте мне наслово), к которому пренадлежат эти элементы. Ну и каскадированием баловаться по идее стоит только с ними.

    различия в оформлении в этом случае делаются через модификаторы:

    .intro--gray {background-color: #efefef}
    .intro--wide {padding: 100px 0; }


    смысл примерно такой.
    Ответ написан
  • Как очистить html таблицу полученную из excel от мусора?

    @entermix
    Удалить все ненужное регулярными выражениями например
    Ответ написан
    9 комментариев