0 Пользователей и 1 Гость просматривают эту тему.
  • 26 Ответов
  • 1175 Просмотров
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Стоимость верстки
« : 02.02.2019, 00:49:08 »
Коллеги, подскажите, сколько будет стоить верстка подобной страницы, а то я уже запутался.
ссылка на макет
Шапка в 100vh, 4 слайдера на странице с разной версткой и расположением управляющих блоков, FAQ перед подвалом чтобы по клику всплывал ответ с кнопкой закрытия, вырезать все иконки в спрайт (не иконочный шрифт, дизайнер дал уже в растре) и тд
Чисто фронт, без программирования форм, структуры категорий\модулей вывода и тд.

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

Вот в чистом виде отверстать подобный макет с всеми элементами фронта - всплывающие формы и прочее (хтмл\цсс\js без всяких ангуляров и препроцессоров) - сколько стоит?
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Aleks.Denezh

  • Живу я здесь
  • 3406
  • 428 / 4
Re: Стоимость верстки
« Ответ #1 : 02.02.2019, 22:27:28 »
Например в блоке "услуги которые ..." вроде все просто, но запнулся на моменте абсолютно позиционированной картинке, что выходит за пределы wrapperа слайдера, пришлось костыли придумывать, потратил кучу времени вроде бы на мелочь незаметную.
в 2019 абсолютное позиционирование для картинки?
а флексом раскинуть  потом блоку с картинкой например transform: translateY(50px)?

Вот в чистом виде отверстать подобный макет с всеми элементами фронта - всплывающие формы и прочее (хтмл\цсс\js без всяких ангуляров и препроцессоров) - сколько стоит?
1. С ангуларом уже будет полноценное SPA, запустил и радуйся жизни )!
2. Без всяких препроцессоров только извращенцы верстают, у которых времени навалом (препроцессоры ускоряют работу)

По теме точно не скажу, но недавно предлагали подработку. заверстать лендинг, проще в разы чем в том примере что вы показали, но с парой модалок (без навороченного скриптинга, вообщем нет чего то особо такого с чем например бы uikit не справился) , предлагали 8к
« Последнее редактирование: 02.02.2019, 22:32:57 от Aleks.Denezh »
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Стоимость верстки
« Ответ #2 : 02.02.2019, 22:53:50 »
1. С ангуларом уже будет полноценное SPA, запустил и радуйся жизни
ангулар здесь вообще не нужен

2. Без всяких препроцессоров только извращенцы верстают, у которых времени навалом (препроцессоры ускоряют работу)

чем конкретно? Указать в переменной цвет или размер? Да ну бред, не вижу смысла в препроцессорах на подобных проектах от слова вообще

По теме точно не скажу, но недавно предлагали подработку. заверстать лендинг, проще в разы чем в том примере что вы показали, но с парой модалок (без навороченного скриптинга, вообщем нет чего то особо такого с чем например бы uikit не справился), предлагали 8к
А вот это уже полезно, значит не ошибся я, когда думал что продешевил. Подобных макетов у меня штук 5 и у всех разные блоки\слайдеры + натягивание на движок, фронт и прочее.

Собственно так и думал, надо поднимать расценки, верстать подобные макеты за 5 рублей (да и то по старой дружбе собственно цену скинул) - себя не уважать
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Стоимость верстки
« Ответ #3 : 02.02.2019, 22:55:28 »
в 2019 абсолютное позиционирование для картинки?
а флексом раскинуть  потом блоку с картинкой например transform: translateY(50px)?
Там фишка завязана на верстке слайдера, нужно было выдернуть элемент из слайдера и поместить его в внешний блок, иначе слайдеровский оверфлоу не давал показать, но это частные мелочи, уже решенные
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Alldar

  • Завсегдатай
  • 1504
  • 195 / 1
Re: Стоимость верстки
« Ответ #4 : 02.02.2019, 23:19:46 »
Без адаптива я бы взял где то за ~12к, под современный браузеры + ESR + IE11, от макета зависит еще
Цитировать
Шапка в 100vh
Много гемора с js фиксами для мобильных устройств типо safari mobile, chrome mobile

Цитировать
Да ну бред, не вижу смысла в препроцессорах на подобных проектах от слова вообще
Вложенность, импорты, медиа запросы удобнее делать, все равно верстку собирать gulp или вебпаком

Цитировать
Там фишка завязана на верстке слайдера, нужно было выдернуть элемент из слайдера и поместить его в внешний блок
Просто 2 зависимых слайдера сделать? Мне кажется было бы проще

*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Стоимость верстки
« Ответ #5 : 02.02.2019, 23:31:31 »
Просто 2 зависимых слайдера сделать? Мне кажется было бы проще
Не, там именно элемент картинка находится в блоке слайдера, его нужно отпозиционировать вне пределов wrapperа слайдера.
А у любого слайдера стоит overflow: hidden на его блок wrapperа, пришлось костылями JS вытаскивать и делать append в нужное место
У меня этих макетов для сайта 5 штук, тоже сначала думал что вроде понятно. Набросал костяк и пошел верстать каждый блок - а там полный пздц, третий раз за мою практику, когда хочется стать активным гомиком и вытрахать дизайнера.

Ибо сделать можно, но долго и дорого, а я не не привык делать не как в макете, в итоге трахаюсь с каждой деталью и явно продешевил. С учетом натягивания на движок, фронт\бек и тд

Без адаптива я бы взял где то за ~12к, под современный браузеры + ESR + IE11, от макета зависит еще

Угу, когда в 5 макетах ПСД есть 50 иконок в растре, приходится их собирать в спрайт - еще полдня работы, дизайнер в упор не соглашается дать иконочный шрифт (хотя иконки он с него брал и даже знаю с какого платного но запихал как растр в макет) и прочий подобный жопец

С учетом натяга сразу на движок, его функционал и логику я озвучил 15 рублей за базовый макет и по десятке за остальные (они чуть проще, шапка и подвал одинаковы).
Клиент охренел сразу. Хотя сам берет за свои услуги от полулямя и не меньше, но при этом не ценит услуги других спецов
« Последнее редактирование: 02.02.2019, 23:37:08 от beliyadm »
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Aleks.Denezh

  • Живу я здесь
  • 3406
  • 428 / 4
Re: Стоимость верстки
« Ответ #6 : 02.02.2019, 23:59:50 »
чем конкретно? Указать в переменной цвет или размер? Да ну бред, не вижу смысла в препроцессорах на подобных проектах от слова вообще
Вот я так же года полтора назад думал   ::)
Давайте я приведу пример что делает моя болванка:
1. Шаблонизатор  PUG позволяет мне верстать и инклудить блоки, юзать циклы и условия и миксины (аля функции)
пример pug:
Код
div.slider
   div.slider__item

2. Собирает все картинки из проекта, картинки которые в <img> подрублены, кладёт в отдельную папочку, картинки которые в scss подрублены, ложит в другую, кртинки жмуться
3. тоже со шрифтами
4. SCSC , и плюсы его не втом что можно переменной задать размер, а синтаксис
пример:
Код
.slider{
 &__item{
   color: red;
   display: flex;
   @include(mq880){
      color: blue;
   }
   &:last-child{
      color: green;
   }
  }
}

.slider2{
@extends .slider;
 &__item{
   color: black;
}
}
какие тут плюсы: я не пишу display:flex; в форматах кучи всех браузеров, за меня всё сделает автопрефиксер плагин, который добавит все нужные префиксы, удобная запись и минималистичная, я могу унаследоваться от слайдера, не писав простыню кода в которой запутаюсь, я подключаю прямо в теге миксин с медиазапросом, который потом плагин вебпака соберет в нужном месте, и мне не надо рыскать в куче кода что бы найти где для этого элемента всякие медиазапросы, я просто пишу их для элемента во всех  случаях когда мне это надо, ну ещё куча плюшек )

5. Современная сборка JS и возможность использования ES6, я забыл про то что бы искать кучу скриптов и подрубать все их инлайново через cdn и т.д. а потом делать простыню с кучи JS шпагетти кода для сайта..
сейчас банально npm i jquery дождался установки, в js точке входа написал:
Код
import jquery from 'jquery';
window.jQuery = window.$ = jquery;
require('./my-script1');
require('./my-script2');
...
require('./my-scriptN');
и радуюсь жизни!

6. Всё это после сборки аккуратно собирается и минифицируется в один файл (JS и CSS)!


Угу, когда в 5 макетах ПСД есть 50 иконок в растре, приходится их собирать в спрайт - еще полдня работы, дизайнер в упор не соглашается дать иконочный шрифт (хотя иконки он с него брал и даже знаю с какого платного но запихал как растр в макет) и прочий подобный жопец
Сочувствую, но советую познакомить своего дизайнера с Zepplin, Figgma  и т.д. и т.п.  либо нафиг гнать дизайнера, я тут с этой фигней работаю, не могу нарадоваться, забыл про мучения с фотошопом, и скорость работы увеличилась в два раза )
*

Aleks.Denezh

  • Живу я здесь
  • 3406
  • 428 / 4
Re: Стоимость верстки
« Ответ #7 : 03.02.2019, 00:01:06 »
Не, там именно элемент картинка находится в блоке слайдера, его нужно отпозиционировать вне пределов wrapperа слайдера.
А у любого слайдера стоит overflow: hidden на его блок wrapperа, пришлось костылями JS вытаскивать и делать append в нужное место
У меня этих макетов для сайта 5 штук, тоже сначала думал что вроде понятно. Набросал костяк и пошел верстать каждый блок - а там полный пздц, третий раз за мою практику, когда хочется стать активным гомиком и вытрахать дизайнера.
А дать margin-bottom элементу со слайдером и потом transform/position:absolute :

Спойлер
[свернуть]
« Последнее редактирование: 03.02.2019, 00:04:24 от Aleks.Denezh »
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Стоимость верстки
« Ответ #8 : 03.02.2019, 00:16:48 »
А дать margin-bottom элементу со слайдером и потом transform/position:absolute :
Нельзя, потому у что wrapperа слайдера overflow: hidden (ну как у любого слайдера), я пользую slick
Элемент внутри слайда нельзя вытащить наружу средствами стилей, потому что оверфлоу у родительского блока, приходится извращаться
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Aleks.Denezh

  • Живу я здесь
  • 3406
  • 428 / 4
Re: Стоимость верстки
« Ответ #9 : 03.02.2019, 00:26:35 »
Нельзя, потому у что wrapperа слайдера overflow: hidden (ну как у любого слайдера), я пользую slick
Элемент внутри слайда нельзя вытащить наружу средствами стилей, потому что оверфлоу у родительского блока, приходится извращаться
ну то что slick самый уродский слайдер это все знают, но это не отменяет того что в нём всё это можно тоже самое провернуть!
Я там картинку кинул посмотрите!
Все что вы описали делается через CSS
если не поняли по картинке давайте дам другой пример
<li> это у нас li c слайдом
<div class="slide" style="position: relative;">
 <div class="slide__item" style="background: white;">
   <div сlass="slide__image" style="position: absolute;bottom: 0px; right: 0px;">
    <img src="..//">
    </div>
  <div style="height: 50px;"> а этот div у нас пустышка в высоту 50 пикселей, он будет висеть как пустота в которую можно и дать bottom: 0px;</div>
 </div>
</idiv>
</li>

и получится у нас так:

и никаких извращений через JS не нужно всё будет через стили! Не знаю где вы нашли проблему!
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Стоимость верстки
« Ответ #10 : 03.02.2019, 00:28:56 »
Aleks.Denezh - у слика (кстати хороший слайдер, удобный и куча опций) как и других слайдеров - весь контент забит в один общий wrapper где оверфлоу хидден
Ну никак ты оттуда объект не вытащишь за пределы wrapperа
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Aleks.Denezh

  • Живу я здесь
  • 3406
  • 428 / 4
Re: Стоимость верстки
« Ответ #11 : 03.02.2019, 00:32:33 »
Aleks.Denezh - у слика (кстати хороший слайдер, удобный и куча опций) как и других слайдеров - весь контент забит в один общий wrapper где оверфлоу хидден
Ну никак ты оттуда объект не вытащишь за пределы wrapperа
я уже два варианта вам показал как сделать это? может вам на jfiddle верстку показать что бы вы убедились? *RTFM*

Опций куча, но жуткое багованое дерьмо, попробуйте элементарно запихнуть два слика в табы например... а чего стоит загрузка, когда грузиться сначала всё вниз, потом только выстраивается  *ОХ-Х-Х*
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Стоимость верстки
« Ответ #12 : 03.02.2019, 00:39:19 »
Опций куча, но жуткое багованое дерьмо, попробуйте элементарно запихнуть два слика в табы например... а чего стоит загрузка, когда грузиться сначала всё вниз, потом только выстраивается
Да делал я и в три строки и 5 сликов на странице, все отлично, лучший слайдер из тех что видел

я уже два варианта вам показал как сделать это? может вам на jfiddle верстку показать что бы вы убедились?
Вы просто не понимаете суть (ну или я туплю, варианты на CSS не проходят по умолчанию). Как можно отпозиционировать блок внутри оверфлоу хидден чтобы он выходил за пределы родителя.
Без JS никуда
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Aleks.Denezh

  • Живу я здесь
  • 3406
  • 428 / 4
Re: Стоимость верстки
« Ответ #13 : 03.02.2019, 00:45:48 »
Да делал я и в три строки и 5 сликов на странице, все отлично, лучший слайдер из тех что видел
Да хоть в 23 (хотя в 12 строк у меня браузер виснет на секунд 10)...
Дело в том что если его в таб скрытый пихать, и потом отображать там то слайдера там не будет, надо переинициализировать слайдер! Это баг и конкретный..
Сам слайдер морально устарел увы

Вы просто не понимаете суть (ну или я туплю, варианты на CSS не проходят по умолчанию). Как можно отпозиционировать блок внутри оверфлоу хидден чтобы он выходил за пределы родителя.
Без JS никуда

https://jsfiddle.net/Frisian/y4x70kLe/10/
*

Aleks.Denezh

  • Живу я здесь
  • 3406
  • 428 / 4
Re: Стоимость верстки
« Ответ #14 : 03.02.2019, 00:51:48 »
Вот с фоном что бы нагляднее было https://jsfiddle.net/Frisian/y4x70kLe/13/
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: Стоимость верстки
« Ответ #15 : 03.02.2019, 00:56:09 »
Aleks.Denezh - я повторюсь, в той задаче такое решение неподходило, я его решил другим макаром, потому что wrapper слайдера требовал overflow: hidden
Может ты бы заверстал иначе, не спорю, все мы можем ошибаться.
Но это не отменяет факта, что макет для верстки не совсем простой и не очень дешевый (там как ни делай - в куче мест придется извращаться)
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Aleks.Denezh

  • Живу я здесь
  • 3406
  • 428 / 4
Re: Стоимость верстки
« Ответ #16 : 03.02.2019, 01:00:59 »
Aleks.Denezh - я повторюсь, в той задаче такое решение неподходило, я его решил другим макаром, потому что wrapper слайдера требовал overflow: hidden
Я Вам уже готовый пример показал на SLICK слайдере (там подключен слик слайдер, можете поматать мышкой. или внизу кнопочками слайды преключать для наглядности) где я делаю то что Вам надо в вёрстке, наплевав на то что у слайдера какой то overflow: hidden ! А вы всё равно говорите что не подходит решение   *suicide*


Но это не отменяет факта, что макет для верстки не совсем простой и не очень дешевый (там как ни делай - в куче мест придется извращаться)
я и не говорил что макет простой, но вот этот слайдер простейщий, и делается за 5 минут без извращений..
*

Alldar

  • Завсегдатай
  • 1504
  • 195 / 1
Re: Стоимость верстки
« Ответ #17 : 03.02.2019, 04:45:41 »
Угу, когда в 5 макетах ПСД есть 50 иконок в растре, приходится их собирать в спрайт - еще полдня работы, дизайнер в упор не соглашается дать иконочный шрифт (хотя иконки он с него брал и даже знаю с какого платного но запихал как растр в макет) и прочий подобный жопец
С https://github.com/twolfson/spritesmith стоит познакомиться, он из набора изображений соберет любой спрайт и подготовить CSS по шаблону за пару секунд.
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
Re: Стоимость верстки
« Ответ #18 : 03.02.2019, 12:16:44 »
...я не пишу display:flex; в форматах кучи всех браузеров, за меня всё сделает автопрефиксер плагин...

А что, так можно было? Что за плагин, где про него почитать можно? Заранее спасибо.
*

Aleks.Denezh

  • Живу я здесь
  • 3406
  • 428 / 4
Re: Стоимость верстки
« Ответ #19 : 03.02.2019, 12:47:47 »
А что, так можно было? Что за плагин, где про него почитать можно? Заранее спасибо.
https://www.npmjs.com/package/autoprefixer

Интерактивное демо: https://autoprefixer.github.io/ru/
*

Taatshi

  • Глобальный модератор
  • 5259
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Стоимость верстки
« Ответ #20 : 03.02.2019, 19:20:04 »
Петр, цену называть не буду, тут она у каждого своя, но по прошлой работе с тобой я тебе точно скажу - ты слишком занижаешь. Что решил - бери смело. Наверняка можно больше.

А чтоб научить себя нормальным расценкам - включай в шторме тайм трекинг, а потом умножай минимум на 700 рэ в час. Это сейчас, насколько я поняла по ответам в чате, минималка на такую работу в России.
« Последнее редактирование: 03.02.2019, 21:24:04 от Taatshi »
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

Aleks.Denezh

  • Живу я здесь
  • 3406
  • 428 / 4
Re: Стоимость верстки
« Ответ #21 : 03.02.2019, 20:40:15 »
А чтоб научить себя нормальным расценкам - включай в шторме тайм трекинг, а потом умножай минимум на 700 рэ в час. Это сейчас, насколько я поняла по ответам в чате, минималка на такую работу в России.
В шторме есть тайм трекинг?  :o
тогда у меня пару вопросов: как он считает время? как предоставляет отчеты, как понять что их не подделали? если шторм запущен, а я пошел хавать считать будет?
*

Taatshi

  • Глобальный модератор
  • 5259
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Стоимость верстки
« Ответ #22 : 03.02.2019, 21:18:32 »
В шторме есть тайм трекинг?  :o
тогда у меня пару вопросов: как он считает время? как предоставляет отчеты, как понять что их не подделали? если шторм запущен, а я пошел хавать считать будет?

Там есть настройка - через сколько минут простоя отключать. По дефолту 10 минут, я ставлю пять.
Отчеты я обычно не предоставляю, я больше для себя пользую, но можно, например, в гифку записать как открываешь и как показывает время. Может, есть какой-то официальный способ - я не знаю.

Трекинг в шторме в последних версиях - раньше не было.

Спойлер
[свернуть]

« Последнее редактирование: 03.02.2019, 21:23:26 от Taatshi »
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

Support

  • Захожу иногда
  • 114
  • 1 / 2
-
« Ответ #23 : 04.02.2019, 07:24:02 »
-
« Последнее редактирование: 17.07.2019, 12:48:56 от Support »
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
Re: Стоимость верстки
« Ответ #24 : 04.02.2019, 08:30:35 »
дизайнер в упор не соглашается дать иконочный шрифт (хотя иконки он с него брал и даже знаю с какого платного но запихал как растр в макет)
я бы в таком случае купил бы шрифт и включил бы с стоимость проекта, сверх бюджета работ, сборка растрвых спрайтов в 2к19 - сродни зашквару

по теме - от 800р/час либо за проект целиком, в частности на 20к потянет (с адаптивом) (20% скидываю, если голый HTML, без натяжки на Joomla)


потом посмотришь - там натыренные скрипты и сниппеты в HTML, типа 100 тыс за то что даже 100 баксов не стоит
так весь интернет работает, порою много часов уходит на то, чтобы тупо натыренное заставить работать друг с другом корректно и без глюков, ибо писать своё с нуля - много дольше и дороже
*

Support

  • Захожу иногда
  • 114
  • 1 / 2
-
« Ответ #25 : 04.02.2019, 08:52:14 »
-
« Последнее редактирование: 17.07.2019, 12:49:17 от Support »
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
Re: Стоимость верстки
« Ответ #26 : 04.02.2019, 17:48:03 »
нарушений прав интеллектуальной собственности
а нехрен по варезникам шляться, и фри-решений вполне приемлемого качества более чем достаточно
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Стоимость часа своей работы

Автор Гоша_Компьютерный

Ответов: 8
Просмотров: 1601
Последний ответ 11.05.2016, 13:03:31
от Гоша_Компьютерный
Стоимость часа времени

Автор voland

Ответов: 111
Просмотров: 6482
Последний ответ 07.12.2015, 18:48:30
от Lemady
Стоимость сайта и заработок на нём

Автор vita1971

Ответов: 3
Просмотров: 1270
Последний ответ 10.05.2015, 14:11:09
от vipiusss