Да вопрос даже не в деньгах, расценки это дело личное.
Но чтобы сделать этот лендос по-нормальному, нужен минимум рабочий день. А если прямо вылизывать до мелочей, то и два.
Это без учета оргвопросов, переговоров, согласований и тп.
А еще под Винду есть неплохое GUI приложение для GitHub :)
Я знаю, что линуксоиды сейчас скажут, что это лоховство и вообще командная строка рулит. Пусть.
Но без графического приложения, где можно добавлять в коммит только конкретные строки, трудно соблюдать принципы атомарных коммитов. И репозиторий быстро засирается.
Нет, это не то. Не эта конкретная строка, а вообще любой дальнейший код. Включая тот, о котором я не знаю (сторонний код, который подключен после моего).
В 2 часа работы на этот макет я могу поверить (да и то со скрипом) только в идеально-тепличных условиях - при полном отсутствии анимаций и респонсива. Но мы понимаем, что в реальной жизни такого не будет, поэтому нет.
Точнее говоря, я вполне верю, что можно сесть и за 2 часа наговнякать нечто примерно похожее на макет. Похожее, если смотреть издали и прищурившись. Но я гарантированно найду в той верстке вагон и маленькую тележку багов и недоработок.
Вот кстати это точно не самая сильная сторона гугла :) У них шрифты обновляются небыстро.
Реальный пример: популярный шрифт Lato. На сайте автора версия v2 (среди прочего включающая кириллицу) появилась в 2015 году. А у гугла до сих пор лежит старая версия без кириллицы. А на дворе уже почти 2020.
CityCat4, мы вроде обсуждаем методики в общем, а не ваш персональный случай. Не пользуетесь, не ставите, не разрешаете - молодец. Но людей, которые так тщательно подходят к цифровой гигиене очень мало.
И насчет NoScript. Он может всё предотвратить, если использовать его в режиме белого списка. Но это слишком гиковый метод. Мало кто готов настолько пожертвовать удобством, по умолчанию поломав себе скрипты (бОльшая часть сайтов не работает). А обычные блокировщики рекламы, которые режут скрипты по урлам, не полностью справляются, потому что фингерпринтинг часто зашивают в основной бандл. Тут нужны отдельные инструменты по подмене/зашумлению отпечатка.
Которая, конечно же, централизованно хранится в одном месте и имеет гибкую систему доступа для подобных конторок.
Вы таки будете смеяться, но это недалеко от истины.
Да, есть централизованные хранилища историй (собранные через рекламные системы + фингерпринтинг) и доступ к ним (небесплатный, естественно).
Николай, не, там не всё так просто.
Во-первых, фотка расширяется вверх.
Во-вторых, показывать смещённую кнопку через opacity плохо, потому что через неё будет просвечиваться край карточки.
Там по-хорошему надо расширять карточку и только потом показывать кнопку. А расширить карточку нужно так, чтобы заголовок стоял на месте. Это можно сделать, одновременно манипулируя несколькими размерами и отступами, но я боюсь, что в реальном браузере это даст противные подрагивания при анимации. Склоняюсь к тому, что карточку нужно верстать в большом размере, а потом клипить... но черт его знает, пока не попробуешь, не поймешь. И с тенями проблемы очень возможны.
Я думал вам принципиально важно, чтобы нижняя кромка фотографии и заголовок оставались на месте (как на макете). При таких условиях задача гораздо сложнее.
А если не нужно, тогда всё просто, конечно.
bxspb, вам стоит начать с конкретизации ТЗ (причем не для нас, а именно для себя). Четко прописать (или выяснить у дизайнера) что и как должно себя вести. Вот вы пишете:
- "скорее всего свое соотношение сторон" - всё-таки нужно сохранять соотношение сторон или нет? это важно.
- "НЕ ПО ЦЕНТРУ, а с каким то смещением есть область 16:9" - с каким смещением? ведь должен быть какой-то желаемый алгоритм позиционирования этого блока на словах?
- что должно происходить, если внешний блок сжимается слишком сильно? есть ли у него какие-то ограничения?
- что такое лонгскролл с изгибом?
Потому что в такой расплывчатой постановке задача действительно выглядит сложно. Но если всё конкретизировать и наложить разумные ограничения - я думаю, решится относительно просто.
Например, в чем проблема позиционировать ваш блок 16:9 абсолютно с отступами от одного угла в процентах?
Как сохранять соотношение сторон - погуглите "css aspect ratio".
Внутри внутреннего блока делаете overflow hidden с скролите его скриптом как угодно и в любую сторону.
В чем глобально проблемы? Возможно, я чего-то неподопонимаю - тогда см. первую строку этого комментария.
Колонки - простое решение, но часто неподходящее, потому что оно диктует определенный порядок блоков.
Если вам нужен будет хронологический порядок, то скорее всего люди читать это будут по строкам, а не столбцам. А если например понадобится бесконечный скролл с подгрузкой, то вообще всё поломается.
Ну то есть вариант имеет право на существование, но нужно четко понимать его ограничения (это я автору вопроса).
Реально непонятно, что вы хотите услышать.
Как накладывать на изображение компьютера другое изображение?
Ну берешь и накладываешь. В чем конкретно ваша проблема?
Вообще, надо код смотреть.
Как выстроены блоки в ряд - флекс, флоат, инлайн-блоки, что-то еще?
Например, в случае с инлайн-блоками между ними еще текстовые пробелы будут.
Анита Ковалева, ваш оппонент имеет в виду, что такая политика мотивирует скорее не "следить за здоровьем" (потому что это нельзя сделать вот так в одночасье, это должна быть многолетняя стратегия), а наоборот не обращаться за медицинской помощью по некритичным поводам (чтобы не испортить страховую историю). То есть в конечном итоге описанная вами политика может даже дать отрицательный эффект - люди будут экономить на мелочах, которые уже гораздо позднее могут вылиться в серьезные проблемы.
Но чтобы сделать этот лендос по-нормальному, нужен минимум рабочий день. А если прямо вылизывать до мелочей, то и два.
Это без учета оргвопросов, переговоров, согласований и тп.