Важное пояснение Цели видео - это: 1. Показать заказчикам работу того уровня, которую они могут получить за эти деньги, и помочь им решить: если качество устраивает, то заказать; если нет - то искать специалистов с большим опытом и выше стоимостью. 2. Показать начинающим фрилансерам то, на что заказчики на фрилансе могут обращать внимание, и что нужно уточнять заранее. И не следует перекладывать ответственность на отсутствие подробного технического задания. Когда вы, например, идете к стоматологу, вы показываете только больной зуб. Все остальные вопросы задает сам врач. Так же и здесь: вы - профессионал, к вам пришел заказчик - спросите, какой именно результат он ожидает. Работа верстальщика в компании и на фрилансе - это разные вещи, и проблемы, с которыми приходится сталкиваться, тоже различны. Специалисты, которые делали работу, молодцы. Нет цели их дискредитировать; они получают опыт и отзывы на бирже, чтобы потом продавать услуги дороже. Что касается кривого макета: Ссылка на макет в нашем Телеграм-канале - t.me/html_practice/165. Это макет реального коммерческого проекта, который был создан около пяти лет назад именно с помощью фрилансеров. Его верстали, ставили на React, и проект затем работал длительное время. Но да, дизайн собирался на скорую руку. Однако на фрилансе подобные дизайны не редкость, и к ним следует быть готовыми, особенно если вы новичок.
Да даже за 3000р, то есть 30 евро, только готовый макет купить можно, но не под заказ. Так как от начала приёма заказа до получения подтверждения работы проходит не 1 час.
@@ПятыйЭлемент-й1фа какие сейчас цены на подобные работы? Только начал изучать вёрстку но кого не послушаешь все говорят что сейчас вёрстка копейки стоит
Верстаю сайты 7 лет. Почти каждый день что-то делаю по сайтам. За 500р в 2024 я бы только логотип с фавиконом поменял) не то чтобы целую страницу сверстать.
Если есть интерес к графике, можно выучить Illustrator, Photoshop. Дизайнеры зарабатывают быстрее, больше и проще, достаточно владеть одной или двумя программами. Верстальщику нужно знать как минимум HTML, CSS, JS, PHP, верстать кроссраузерные и кроссплатформенные сайты.@@TolanLancelot
Я считаю, что заказчиков, которые платят исполнителям 500 р. за верстку, нужно попросту сажать на кол. Они тупо видят в тебе раба, труд и знания которого ничего не стоят.
Если человек вписался в это - значит цель у него была не только 500р...у каждого разработчика были минусовые проекты которые открыли дорогу к жирным заказчикам
При всём уважении, работы тут с гулькин нос. Ладно бы не было макетов и задача стояла самому разработать дизайн систему, отрисовать лого и сформировать сетку, но тут буквально всё уже принесено на блюдечке, и тут много ума не надо, чтобы всё это собрать.Так что 500 рублей, может и мало, но не сказал бы что это прям совсем несправедливая оплата за которую нужно сажать на кол.
Как для меня 500р это не деньги. И начинать делать что-то хоть как-то адаптивное за столько не очень хочется. Челу респект и надеюсь он поднимит свои цены и качество.
Когда я увидел модификатор класса не в нижнем подчеркивании , а два тире, то понял что это скорее всего новичок фриланса с сообщества Арокен. Там учат такому виду модификатора,что конечно тоже имеет место быть.Сам проходил бесплатный курс по верстке когда-то там и сразу вспомнил :D
@@haxprofprofof7550 изучал верстку в 2017 в loftschool, это был стандарт по БЭМ, на выбор предлагалось или с одним нижним подчеркиванием, или с двумя дефисами.
@@privetchatiku3676 Как начинаш соглашусь, я и 500р не вижу, потому что думаю, что слишком рано брать заказы, хотя работу чела с первого макета могу повторить. Разница в том, что ему уже платят, а я не лезу в заказы
Не понимаю заказчиков которые просят PixelPerfect, если это не супер дизайнерский макет. Вот какой в этом смысл? Если текста будут заполняться с админки и они будут меняться постоянно, картинки тоже самое. + каждый браузер может добавлять свои отступы, lineheight может не совпадать с дизайнерским, и кучу браузерных нюансов. Самое основное в верстке: чтоб она не ломалась при добавлении контента, была валидной и кроссбраузерной
Тут зависит от того, куда стремиться) Там где нормальные проекты и бюджеты - очень часто просят полное совпадение. Прям формулировка pixel perfect звучит не часто, но проверяют дотошно и после проверок баг лист полон правок вида не совпадение отступов, межстрочных интервалов и даже меж буквенных. Если работу проверяет дизайнер, который рисовал дизайн, это вообще вешаться можно) Поэтому когда мы в своей команде начали проверять работу по pixel perfect - правок от заказчиков стало в разы меньше. Не идет речь прям о полном совпадении - все ровно это не получиться. Но большинство мелочей которые пропускает глаз при верстке выявляются сразу. Есть конечно проблема, что макеты кривые у большинства дизайнеров - и тогда уже все таки приходиться стандартизировать.
если ты не в курсе надо по кд сбрасывать все стили стандартное правило ну кончено если не хочешь чтоб браузер свои стили вешал и получиться говно сайт даже просто можно скачать с инета reset styles
@@_Failure. Конечно я знаю про ресет стилей, когда я говорил что, "браузер может прибавить свои отступы" имелись ввиду всякие сайдбары как в Opera или Microsoft Edge, которые так или иначе сдвинут контент, тогда получается пиксель перфект актуален только для хрома ?
семантика, адаптив это очень важно ... а Pixel Perfect к работе за 500р и к такому макету это "не в ту степь" .., експеримент я понимаю но надо быть реалистом ... сколько тогда стоит час работы этого парня и что он сможет купить за эти деньги после работы .. (проговариваете ТЗ ребята и цените свою работу) всем удачи
Автор сам считал - 6 часов работы. 500 рублей - 80+ рублей час Наверное какая-нибудь Яндекс.Еда или Макдональс будет стоить в разы выгоднее, а с такими заказами с голоду помрёшь
Хорошее видео, чтобы отбить желание вообще верстать. За 500 рублей с тебя требуют пиксель перфёкт (с которым можно и пару часов просидеть) и резиновый адаптив, который требует довольно высокого уровня навыков и понимания html. Поэтому учите программирование и идите сразу во фронтенд или бэкенд.
Ну не обязательно верстать за 500 рублей. Цель видео не как-то обидеть исполнителей. Они сами взялились за работу, ни кто не просил их исправлять все эти моменты, не докучал правками и тд. Они получили положительный отзыв, опыт и сумму какая их устраивала. Видео просто рассказывает о недостатках верстки которую можно получить за такую стоимость. Каждый решает сам какое качество его устраивает
@@htmlpractice Они взялись за эту работу за абсурдно смешную плату (30 долларов - вам за такую сумму даже фрилансер из Индии ничего делать не будет), потому что на IT рынке сейчас не лучшие времена.
@@someBody-65 а где тут говорится, что не нужно учить html и css, тут имеется ввиду, что верстать за 500 рублей на фрилансе хуйня идея и лучше работать фронтом или бэком
Джентльмены, внесу свое мнение. Адаптивность >>> Пиксель перфект. Пиксель перфект за 3к === сомнительное развлечение. За 500 рублей === мазохизм. С моей точки зрения, верстка не господь всемогущий лучшая на свете, но вполне ок. Лэндинг как лэндинг.
Даже если верстать за 3000 рублей, пусть даже один рабочий день, то в месяц может получается около 60 000 ₽. Собирать бутылки выглядит привлекательнее, чем это всё
При таком подсчете, никто и никогда не заработает этих денег! Никто не будет сидеть каждый день напролет верстать сайты, человек не робот, загнется быстро! Другое дело, если брать заказы по 20-30К...Ну минимум по 10-15К..
Чтобы давать оценки, стоит хорошо разбираться в вопросе. Для начала, например, прочитать внимательно стандарт HTML5. Если вы его внимательно прочитаете, тогда не станете в одном видео использовать фразу "семантическая верстка" и предлагать выделять текст тэгом . Ну постановку задачи стоило так же продемонстрировать. Не удивлюсь, если не только макет кривоват, но и постановка задачи кривовата.
@@okopulko цитируя MDN: "The element is for content that is of greater importance, while the element is used to draw attention to text without indicating that it's more important." Те жирные куски текста в заголовке должны быть не strong, а b. И это, конечно, лютая придирка, и на такие нюансы плевать вообще всем, но только не когда в видео докапываются до вёрстки за 5 баксов )
ого, сразу видно человека который понимает за спеку и алгоритмы семантики. Я уверен что автор канала удивится когда узнает (я написал выше комент про это), что вообще плевать h1 или h6 и сколько раз ты применишь h1 на странице, что по настоящему важно так это уровни вложенности и работа с тегами section и article. Например тег h6 сразу после body будет намного важнее чисто семантически чем тег h1 созданный в какой-либо из секций. Можно верстать хоть на спанах, но когда человек заявляет про семантику, тогда будь добр знать её алгоритмы.
Придерживаюсь простого правила: "Без нормального ТЗ - результат хз". По-сути если ховеров нет - они на усмотрение исполнителя. В нормальных макетах дизайнер выделяет отдельный лист на все необходимые состояния элементов. Если в ТЗ нет просьбы о пиксель перфекте, то и хантить его нет смысла, но тем не менее верстка должна быть все же адекватной, без уехавшего текста и размера шрифта подобранного на глаз. Верстальщик может играть в угадайку, а потом получить претензию "зачем тут ховеры, если их не было на макете и в ТЗ?" и плевать, что они по всей логике железобетонно там уместны. Я таких заказчиков уже встречал, впрочем как и обратных, считающих, что ты телепат.
Такие заказы это как раз та причина, почему я даже не начинал фрилансить в местах, ориентированных на русскоязычную аудиторию. Представляю, насколько у них всё плохо с заказами, если за такие деньги соглашаются работать.
Не знаю с какой ты страны, но у нас зарубежный фриланс перекрыли. Альтернатив нет. Кворк плох тем, что там даже за минимальную цену у новичка с норм уровнем ничего не берут, на зарубежке таких разжиревших морд не было.
@@emiliaveiland4215 ну открой его. Пути есть. В том числе для работы из России. На зарубежке также часто не берут у новичков и есть демпингующие индусы, но по итогу всё равно зарабатываешь больше через год полтора.
В защиту верстальщиков скажу макет изначальное не правильно подготовлен для передачи под верстку: 1) нет автолейаутов 2) нет стилей текста (h1, h2 etc) 3) нет стилей цвета 4) иконка сделанная не цельным векторов а группой ( Понимаю что можно выгрузить через группу, но тем не менее, не стоит так делать) Это то что можно сразу заметить только открыв файл (буквально 20 секунд) Ожидать за такую смешную цену с такой подготовкой дизайна пиксель перфект, настройку стилей и базового SEO - как минимум странно
1) а зачем это для верстки?) 2) это нужно только для сайтов с кучей страниц - тут все легко и так считывается. Да и h2 в дизайне не всегда h2 в верстке 3) тоже не особо нужно, все в переменные загоняешь и используешь 4) Ctrl+Shift+O, Ctrl+E
Я вроде 15к или 20к брал за верстку похожего (+немного скриптов) но за 3к я бы даже смотреть не стал, не говоря о том, что кто-то за 500 сделал и сверку по пикселю получил 😂 p.s. Ребята сильно обесценивают свою работу, даже джун без опыта получает за 8 часов работы 3-4,5к, а портфолио фрилансера вообще на собесе фронта не ставят в грош.
Понятно что ошибки разбираем чисто чтобы зрители поняли как не надо делать, ну а так конечно 500р за такую работу это копейки, за 3000 ещё можно подумать, но понятно же что большинство из этих людей просто нарабатывают руку, и навряд ли их работа будет идеальной. А ещё неплохо было бы в финале увидеть идеальную вёрстку данного макета с точки зрения автора ролика, ну или хотя бы ссылку на файл с вёрсткой.
тот кто верстает за 500р живет с мамой и верстает себе на жвачку, кто верстает за 3000р пытается жить за счет фриланса, поэтому пиксель-перфект и транзишины в подарок не идут
У всех своя философия, не навязываю. Но как человек, который жил за счёт фриланса много лет, как раз в сфере верстки и разработки сайтов - могу заметить, один довольный заказчик в перспективе приносит намного больше денег, чем 10 не довольных.
Ну нет. Одно дело когда действительно отступы чутка не совпадают. Но когда в h1 размер шрифта 48, а не 40 (8 пикселов разница!), нет отступа слева который очевидно должен был быть, - это ошибки, а не пиксель перфект. Да, возможно это ошибки и дизайна, но это окончательная версия, значит - верстала должен повторить. Это не годится на 3к рублей.
Хотелось бы ещё посмотреть на ТЗ, которое отправлялось исполнителю. А по поводу ховеров вообще не понимаю. Если заказчик их не указывает в макете, то зачем это предусматривать верстальщику? Одно из самых важных правил работы - это не делай того, чего не просят, ибо это ваше время, за которое вам мало того что не заплатят, так ещё и обвинят в самоуправстве и заставят переделывать.
Полностью согласен 👍, п так же понятное дело что версткая делается по макету. Но если уж требовали от макетов пиксель перфект, то и указывать это было нужно в ТЗ
@@userName1123-vn3ocдействительно. Если заказчик делает дизайн самостоятельно, то должен знать про состояние кнопок/ссылок. А если дизайнер, то, вообще странно на макете это не отразить.
Вообще странно, что кто-то согласился делать эту работу за прайс в 3000₽. Не говоря уже про 1500 и тем более 500))) Люди либо вообще не ценят свое время и свой труд, либо это прям самые новички-новички, которым нужно нарабатывать опыт и они бы и за отзыв сверстали)
@@htmlpractice Я когда первый заказ на кворк дедал, у меня был похожий проект, но только без dark mode. Я просил за проект в два раза больше чем вы просите верхней вилкой за свой. Заказчик согласился при том что отзывов не было и он был в курсе. выводы делайте сами
если уж упомянул H1, то в h1 не запихивают призыв к действию с первого экрана. H1 - это слишком важный элемент для seo, чтобы натолкать туда кучу левых слов с призыва к действию!
На фрилансе это норма, можно не делать, но большинство заказчиков вернуться с правками, что это нужно добавить. Да можно встать в штыки, сказать мол не нарисовали, отправить к дизайнеру. Но это отразиться на лояльности, проще придумать, это в большинстве случаев вообще не сложно, но клиент будет доволен. За 10 лет опыта на фрилансе я заметил, что многие заказчики думают что это обязанность верстальщика
@@htmlpractice Заказчик так думает потому, что как правило к этому моменту дизайнер уже отработал и получил оплату...а верстак то ещё нет....вот и вешают на него чужую работу....Вся суть верстальщика это всего лишь грамотно перенести всё, что есть в макете...и никакой творческой отсебятины там быть не должно...а вот дизайнер как раз и должен отрисовать любое поведение той картины, которую сам придумал...Тот же адаптив они рисуют не потому, что верстальщик не может до этого додуматься а потому, что он вообще об этом думать не должен
В 99 случаях из 100 ховер потребуется. Почему бы и не добавить, если это делается за условную минуту, а тебе это плюсик в карму, и расположение заказчика так скажем
@@dmitrygrishin6497 всё верно...это знает каждый нормальный дизайнер...речь идёт не о том как лишний раз лизнуть заказчика, а о том,что каждый должен делать своё дело
Контент нормик) Давай сделаем два режима. 1 - для подписчиков 2 - как в этом ролике для фрилансеров. В тг публикуешь макет и срок. Подписчики верстают, а потом проверка. +есть контент на Ютуб +есть коммуникация с подписчиками +люди тренируются(получая опыт) ...и что бы был маленький огонёк соревнования - можно в качестве приза за первое место «отзыв в профиль на Фриланс бирже» И так чередовать можно, один выпуск такой, другой такой, ну это уже на ваше усмотрение)
за 500 рублей в сутки верстать... у меня мой комп за день крипты наковыряет... на 500 рублей мне выгодней просто вообще за него не садиться, чем что-либо верстать...
Я так понимаю за 3000 данный верстальщик ещё немного и дизайнер. И поэтому он решил переделать как он видит. И должен согласиться, второй блок (где зелёный фон слева) выглядит в его варианте лучше. Верхний блок он тоже выровнял по линии, ну тут спорный момент, получилось неплохо, но и было не хуже.
На фрилансе, перед тем как взять заказ все же логично уточнять, а нужен ли ховер, пиксельперфект и т.д, или же предложить это сделать, а не делать если нет этого в ТЗ. Но обычно хоть заказчики и не знают слов вроде ховера, они значит слово анимация и хотя бы так могут обозначить, что им нужно. Так что я все же за то, что лучше по тз делать а не в угадайку играть.
Очень интересно смотреть обзор на данный формат. Сам отучился на программиста, но, к большому сожалению, в колледже не затрагивают темы каких-либо языков программирования. Сплошная вода. На данный момент, изучаю потихоньку сам, учусь на заочке в университете в другом городе, а в своем работаю, также, в университете и занимаюсь здесь разработкой официального сайта. Дается трудно, но с такими видео подтягиваются какие-то знания уже чего-либо. Спасибо. Однозначно лайк и подписка!
С точки зрения программиста, который потом будет внедрять эту вёрстку в сайт, первые два варианта - не вариант. Работа за 3к более-менее пригодна, но требует допила небольшого. На фрилансе брать вёрстку дешевле $80 за страницу нет смысла, т.к. придется переделывать - впустую потраченное время и деньги. Отдельно хочу сказать про проверку на пиксель-перфект: если бы вы озвучили это требование верстальщикам, то никто из адекватных не взялся бы, т.к. у каждого браузера свое видение CSS и добиться пиксель-перфект на всех браузерах невозможно в принципе. А особенно, если это адаптив, который также разными браузерами по-разному обрабатывается. В варианте за 3к видно, что верстальщик знает свое дело и, возможно ошибочно, но исправил косяк дизайнера - убрал отступ слева у первого блока и при этом адаптировал размер шрифта, чтобы блок смотрелся гармонично. Т.е. в последнем варианте верстальщик был с мозгами, а первые два - тупо студенты, не понимающие, что они делают и как это потом будет использоваться.
Обычно за столько работают на начальном этапе набивая себе отзывы и рейтинг. На фрилансе огромная конкуренция и чтобы выбиться, сперва нужно потрудиться за еду.
мне очень понравился формат) спасибо) может в следующий к платным работам еще добавить обзор работы подписчика канала, тому кто учится верстке будет интересно увидеть свои ошибки) мне бы хотелось сверстать).
Очень дешево все, а работы на уровне. Такой труд должен оцениваться в разы больше “ps” На самом деле у опытного верстальщика сотни а то и тысячи похожих работ, поэтом адаптировать предыдущий проект под дешевый новый возможно за 20 минут, так что в принципе все норм.
Хочу отметить насколько улучшилось качество видео монтаж и подача не самого простого материала, пол часа пролетели как 5 минут и формат интересный! Так держать прогресс на лицо!)
Посмотрел видеи и вспомнил кровавый СНГ-шный фриланс образца 2009 года 😁 Самый основной критерий качества верстки - это насколько она модульная, устойчивая к изменениям, а также насколько систематизированы и выравнены элементы. Требование к Pixel Perfect уместно только когда дизайнер гораздо более опытен чем верстальщик, что далеко не всегда так, а часто совсем не так. Обычно чем лучше верстальщик, тем меньше внимания он уделяет попиксельному соответствию.
Так и что Вас удивляет? Люди работают на фрилансе. Верстальщик за 500 рублей вероятно ещё не имеет ни рейтинга, ни статуса никакого на бирже, поэтому берется за копейки и старается делать более качественно, что бы сделать себе имя. Я сам когда заходил во фриланс биржу первых 15 заказов делал абсолютно бесплатно, кропотливо и на высоком уровне, что и помогло составить высокий рейтинг от заказчиков. Ничего сверхъестественного я здесь не увидел. Дефолт.Если вас это так удивило, возможно Вы и сами в какой то степени дилетант.
Чел за 500р конечно молодец, наверно у него уже какая-то база есть, типа стандартных стилей и миксинов, чтобы большинство вещей делать по дефолту и быстро. Но 500р... блин, многие только на еду в день в разы больше тратят.
8 лет опыта в верстаке, 7 в программированию Сейчас сеньор разработчик, но когда надо поверстать, то с радостью это делаю Было бы интересно попробовать поверстать и испробовать себя в ваших видео)
Я бы даже за 3к не сел бы такое делать. Первое, мои знания дороже стоят. Второе макет сделан через полную ж***. Даже бы не долбился бы с ним. А пиксель пёфикт это вообще пушка, когда макет такой как на видео, и ещё пиксель пёфиктом проверяют, разраб будет это всё выравнивать под пёфикт, увеличится css, а потом когда будет админка, текст другой будет плавать и буду требоваться дороботки.
Забыл ещё про семантику дополнить. Я верстал уже огромное кол-во сайтов и натягивал их на wp, и мне вообще всегда говорят убрать все h3, так же часто некоторые заголовки в h2 требуют убрать h2 и добавить просто div со стилями h2. Так что итог, скажите этим людям спасибо что они за такие бабки каким-то чудом соглашаются работать
А разве если есть претензии к планшетной версии на 750 пикселей то разве не должен быть нарисован макет на 750px и не должно быть ТЗ где описано как все должно выглядеть и вести себя на этих разрешениях, и поведение с размещением на промежуточных разрешениях? "Если это был бы реальный проект, то было бы много правок", так на реальном проекте наверное есть конкретные требования описанные в ТЗ, и макеты для всех важных размеров экранов. С тегами span в заголовке он конечно немного переборщил, только вот тег strong должен использоваться не для выделения текста жирным шрифтом, а для семантической верстке когда когда нужно выделить важность информации содержимого тега, а для визуального оформления отдельных фрагментов текста как раз таки нужно использовать span, даже тег судя по сайту W3C лучше не использовать.
Не понимаю, зачем на обратную связь интерфейса накидывать транзишен. Может быть для анимации какого-то переходного состояния это уместно. Но для подчеркивания на ховерах это точно не нужно)
Пока рабы не поймут ценность своего времени, рынок разработки веб-сайтов будет постепенно загнивать, а действительно ценные специалисты уйдут в другие смежные области, где труд будет оценен по достоинству.
вообще wrapper с флексом нужен для того, чтобы прижимать футер к низу страницы, даже если у тебя пустой main, конкретно в этом случае бесполезно, ведь это лендинг, но с чего ты вдруг решил что человек будет изменять свой стартовый макет, это итак ни на что не повлияет
Не понятно, за 500 руб это Джуниоры или кто. Так то и 1500 может Джуниор просить. Надо было опыт тоже уточнить. А насчет hover и прочих «фишек» думаю инициатором должен быть заказчик, а не верстальщика, ибо «давайте изменим цвет ховера на «какой-то цвет» или уберите ее» себе дороже
Скорее всего у верстальщиков есть свои заготовленные макеты для различных элементов на странице и они их переиспользуют редактируя под дизайн, отсюда и доплонительные плюшки в виде ховеров и тп , которые не были указаны в задании ) Я так и делаю для своих проектов , а если встречаются новые интересные фишки, так же добавляю их себе, мало ли пригодится
Это H1, это H2, H3... В LP это особой роли не играет, т.к продвигать его в поисковике будет не возможно, и к тому же это уже СЕОшнику больше решать кто из них кто. Для валидатора нужно только h1, а дальше хоть все текстовые блоки в div оберни
Это не лендинг, а главная страница многостраничного сайта. И в целом это не важно, любой лендинг может перерасти в многостраничный и лучше сразу делать правильно. К тому же это не требует больших усилий
@@htmlpractice Вы совершенно правы, что лучше продумать 100 раз наперед все и что замена тегов не требует больших усилий. Но в заголовке у Вас четко написано - "Верcтка лендинга HTML, CSS", а я лишь давал комментарии из своего личного опыта и считаю это правильным. Вы можете со мной быть не согласны.
@@grigory-dev Если Вы перейдете html validator w3c, то можно увидеть, что без h2, h3 ошибок не будет. SEO специалист переделывать не будет, будет верстальщик)) В соответствии с ТЗ, которые ему может выставить Сеошник)) (что должно быть h1, что h2, микроразметка и т.д.), а может ничего такого и не быть. Все индивидуально и зависит от проекта и кто его ведет.
@@NeoCoding если труд оплачивается низко ,значит ценность его ничтожно мала. и человек тратит время на хобби вместо работы. мир конкурентен. или зарабатываешь или не ной занимаясь хобби и обрекая на нищету и себя и близких.(я не про вас конкретно)
@@stazyxtnom4514 да не просто у нас любят бесплатную раб силу и госво в первую очередь. потому и обесценивает. а так конечно с такой логикой как ваша - ценность труда барыги куда выше ценности труда благородных профессий. не конкретно про вас говорю
Вы ох..рели что-ли, сорри за мой французский? Верстка за 500 рублей им не нравится. Человек весь день делал! Сделал достаточно качественно. То есть, это вам дорого что-ли, я не пойму? А за сколько хотите? За 10 рублей?
Плохо для поисковиков для анализа текста. Плохо для программ чтения - путаница в отображении блока. Плохо для CSS - у этого тега (может быть) сквозное назначение отступа первой строки слева и отступа всего блока снизу (следующий абзац) - и когда ты назначаешь на блоки которые не должны так выглядеть, то в этих блоках всё это придётся отменять. Его надо применять там где он действительно нужен.
По поводу блока софия классом .wrapper 10:17 Это сделано для того чтобышапка прилипла к верху а футер к низу. Вдруг добавят новую страницу условно «спасибо». То будет все красивенько по местам
Пинаешь исполнителей за пиксель перфект, ховеры, семантику и т.д. А в ТЗ всё это указано? Если нет, то нет оснований считать это ошибками. И про правки я не согласен. Когда я был заказчиком, то всегда подробно расписывал все нужные мне правки. Я не могу ожидать, что исполнитель за копейки сразу сделает всё идеально как я хочу. И с этим не было никаких проблем, исполнители спокойно доделывали правки. Благо в верстке это не сложно и быстро, в итоге я получал тот результат, которым был доволен. Если правок/ошибок было уж слишком много, то больше с этим исполнителем не сотрудничал. Так что я думаю, что надо изначально максимально точно и подробно формулировать ТЗ и потом быть готовым к тому, что нужно будет тщательно проверять и описывать нужные правки. А просто менять десяток исполнителей в надежде, что кто-то угадает требования и с первого раза сделает всё идеально - это путь в тупик даже на таком маленьком проектике.
Спасибо большое за видео, можете сделать видео правок, что бы вы убрали - добавили и разбирали и объясняли код (ознакомительное видео для новичков, и код покрупнее можно, а то плохо видно :))
Капец цены. 30$ за весь лендос ? Это же зп разраба за час , я бы за это минимум 150$просил , а за пиксель перфект так все 300$ это часом не белорусские рубли ?
Какой мем, я уже хотел закрывать видео после слов о том, что никто из "верстальщиков" не спросил про слайдер на адаптиве. Смешно читать снизу комментарии про стоимость. Если вам нужны миллиарды за такой изи макет, то вы явно ничего не понимаете
Я понимаю, что данное видео - эксперимент. К автору вообще никаких вопросов. Но блин! Народ! Нафига вы так опускаете свой труд и кормите халявщиков? Я не понимаю, как может стоить сайт 5-10 к!
а зачем pixel perfect, когда за 500 рублей бабушкам верстают одностраничники за 1 час? Особенно если макет не подразумевает серьезную логику и взаимодействие с сервером. Там вся суть страницы показать стоимость и услуги.
Когда берешь проект в работу, никогда не знаешь планы заказчика на него. Например конкретно эта страница взята с реального проекта, который мы делали несколько лет назад. И он перерос в довольно большой проект, с глубокой внутряннкой, сложными интеграциями и достаточно высокой посещаемостью. Хотя на вид это маленькая страничка собранная на коленке как MVP. Поэтому я придерживаюсь взглядов - если ты взялся за работу, то сделай ее по максимуму как умеешь, не зависимо какой у нее бюджет (ты же сам на этот бюджет согласился). Или сразу скажи заказчику "У вас не большой бюджет, я готов за него сделать, но я буду делать следующие упрощения". Если его это устроит, то нет вопросов.
За 500 рублей и для работы которую делали за сутки - результат просто топовый. Если нужен пиксельперфект, это нужно указывать в тз. Та и нормальные макеты слать. За 500 рублей я жопу не почесал бы, не говоря уже про то чтобы верстать по говномакету ленд с пиксельперфектом)
Что-то посмотрел и прифигел с цен. Дайте мне верстальщика за 500! Я его себе в штат возьму А вообще, 500 рублёвая вёрстка выглядит совсем не нубской. Это, скорее всего, через какой-то инструмент автоматизации из фигмы в html применялся. Просто экспортнули, подправили и 500 р за 15 минут в карман положили Про 1500 - непонятно как-то. А вот 3000 - явно видно, что исполнитель делал руками. Вопросов к попаданию в макет много, но 3000 - это прям новичёк. И свёрстано, для новичка, очень неплохо.
Очень понравился разбор! Я бы смотрел подобное не только с обзором работ фриланса, но и разбор работ подписчиков. Вообще очень ценно видеть как другие люди делают работу и на сравнении видеть как должно быть. P.S. Только начинаю свой путь в верстке, сделал пока два сайта и то далеко не идеально)
@@tehnics4051 Купил курс на Udemy со скидкой там 400-500 грн за курс вышло. я их 3 купил. Нужно смотреть по рейтингу и отзывам. Рейтинг просо так не ставят, я сначала взял того, что поменьше звёзд, а потом топового, и понял что топ не просто так в топе) Подача материала совсем на другом уровне
Важное пояснение
Цели видео - это:
1. Показать заказчикам работу того уровня, которую они могут получить за эти деньги, и помочь им решить: если качество устраивает, то заказать; если нет - то искать специалистов с большим опытом и выше стоимостью.
2. Показать начинающим фрилансерам то, на что заказчики на фрилансе могут обращать внимание, и что нужно уточнять заранее. И не следует перекладывать ответственность на отсутствие подробного технического задания. Когда вы, например, идете к стоматологу, вы показываете только больной зуб. Все остальные вопросы задает сам врач. Так же и здесь: вы - профессионал, к вам пришел заказчик - спросите, какой именно результат он ожидает.
Работа верстальщика в компании и на фрилансе - это разные вещи, и проблемы, с которыми приходится сталкиваться, тоже различны.
Специалисты, которые делали работу, молодцы. Нет цели их дискредитировать; они получают опыт и отзывы на бирже, чтобы потом продавать услуги дороже.
Что касается кривого макета:
Ссылка на макет в нашем Телеграм-канале - t.me/html_practice/165.
Это макет реального коммерческого проекта, который был создан около пяти лет назад именно с помощью фрилансеров. Его верстали, ставили на React, и проект затем работал длительное время.
Но да, дизайн собирался на скорую руку. Однако на фрилансе подобные дизайны не редкость, и к ним следует быть готовыми, особенно если вы новичок.
Закрепить комментарий пожалуйста)
за 500р придираться к такому лендингу грех) опять же, за 500р это просто супер! я бы даже одну кнопку за 500р не стал делать😀
Да даже за 3000р, то есть 30 евро, только готовый макет купить можно, но не под заказ. Так как от начала приёма заказа до получения подтверждения работы проходит не 1 час.
ага, какое нахрен пиксель перфект за 500 рублей
Я бы даже в зероблоке не стал за 500 рублей собирать
Автор сам что ли верстал ради контента?
@@ПятыйЭлемент-й1фа какие сейчас цены на подобные работы? Только начал изучать вёрстку но кого не послушаешь все говорят что сейчас вёрстка копейки стоит
Верстаю сайты 7 лет. Почти каждый день что-то делаю по сайтам. За 500р в 2024 я бы только логотип с фавиконом поменял) не то чтобы целую страницу сверстать.
а вы самоучка? какие советы вы бы дали новичку (если можно) :)
Если есть интерес к графике, можно выучить Illustrator, Photoshop. Дизайнеры зарабатывают быстрее, больше и проще, достаточно владеть одной или двумя программами. Верстальщику нужно знать как минимум HTML, CSS, JS, PHP, верстать кроссраузерные и кроссплатформенные сайты.@@TolanLancelot
Ищу толкового исполнителя для верстки проекта
@@Timeline9111 я готов, примерны проектов есть!
@@Timeline9111че за проект?
Я считаю, что заказчиков, которые платят исполнителям 500 р. за верстку, нужно попросту сажать на кол. Они тупо видят в тебе раба, труд и знания которого ничего не стоят.
Достаточно просто не соглашаться на такие условия
Они не будут платить если не будет тех, кто самостоятельно идет в рабы, делая такую работу за 500р
@@TheWorldPeace я не говорю конкретно за этот случай. А вообще...
Если человек вписался в это - значит цель у него была не только 500р...у каждого разработчика были минусовые проекты которые открыли дорогу к жирным заказчикам
При всём уважении, работы тут с гулькин нос. Ладно бы не было макетов и задача стояла самому разработать дизайн систему, отрисовать лого и сформировать сетку, но тут буквально всё уже принесено на блюдечке, и тут много ума не надо, чтобы всё это собрать.Так что 500 рублей, может и мало, но не сказал бы что это прям совсем несправедливая оплата за которую нужно сажать на кол.
Как для меня 500р это не деньги. И начинать делать что-то хоть как-то адаптивное за столько не очень хочется. Челу респект и надеюсь он поднимит свои цены и качество.
Такое же мнение. Это стоит минимум тысяч 9, и то. За 500р, я бы даже текст не стал делать
Для начинающего, начавшего вчера еще проходить курсы, это все еще больше, чем за бесплатно.
Когда я увидел модификатор класса не в нижнем подчеркивании , а два тире, то понял что это скорее всего новичок фриланса с сообщества Арокен. Там учат такому виду модификатора,что конечно тоже имеет место быть.Сам проходил бесплатный курс по верстке когда-то там и сразу вспомнил :D
@@haxprofprofof7550 изучал верстку в 2017 в loftschool, это был стандарт по БЭМ, на выбор предлагалось или с одним нижним подчеркиванием, или с двумя дефисами.
@@privetchatiku3676 Как начинаш соглашусь, я и 500р не вижу, потому что думаю, что слишком рано брать заказы, хотя работу чела с первого макета могу повторить. Разница в том, что ему уже платят, а я не лезу в заказы
Не понимаю заказчиков которые просят PixelPerfect, если это не супер дизайнерский макет. Вот какой в этом смысл? Если текста будут заполняться с админки и они будут меняться постоянно, картинки тоже самое. + каждый браузер может добавлять свои отступы, lineheight может не совпадать с дизайнерским, и кучу браузерных нюансов. Самое основное в верстке: чтоб она не ломалась при добавлении контента, была валидной и кроссбраузерной
Тут зависит от того, куда стремиться) Там где нормальные проекты и бюджеты - очень часто просят полное совпадение. Прям формулировка pixel perfect звучит не часто, но проверяют дотошно и после проверок баг лист полон правок вида не совпадение отступов, межстрочных интервалов и даже меж буквенных. Если работу проверяет дизайнер, который рисовал дизайн, это вообще вешаться можно)
Поэтому когда мы в своей команде начали проверять работу по pixel perfect - правок от заказчиков стало в разы меньше.
Не идет речь прям о полном совпадении - все ровно это не получиться. Но большинство мелочей которые пропускает глаз при верстке выявляются сразу.
Есть конечно проблема, что макеты кривые у большинства дизайнеров - и тогда уже все таки приходиться стандартизировать.
если ты не в курсе надо по кд сбрасывать все стили стандартное правило ну кончено если не хочешь чтоб браузер свои стили вешал и получиться говно сайт
даже просто можно скачать с инета reset styles
@@_Failure. Конечно я знаю про ресет стилей, когда я говорил что, "браузер может прибавить свои отступы" имелись ввиду всякие сайдбары как в Opera или Microsoft Edge, которые так или иначе сдвинут контент, тогда получается пиксель перфект актуален только для хрома ?
Обычно, если с заказчиком обсуждается pixel perfert, то да для одного браузера и только для отрисованных разрешений
@@htmlpractice и не за такие деньги
семантика, адаптив это очень важно ... а Pixel Perfect к работе за 500р и к такому макету это "не в ту степь" .., експеримент я понимаю но надо быть реалистом ... сколько тогда стоит час работы этого парня и что он сможет купить за эти деньги после работы .. (проговариваете ТЗ ребята и цените свою работу) всем удачи
Кто-то это сверстал за 500 рублей. Сочувствую самооценке этого человека. Нужно быть в полном отчаянии, чтоб работать за такой прайс.
Автор сам считал - 6 часов работы.
500 рублей - 80+ рублей час
Наверное какая-нибудь Яндекс.Еда или Макдональс будет стоить в разы выгоднее, а с такими заказами с голоду помрёшь
Лол, на фрилансе такая конкуренция что многие вообще сначала бесплатно работают
я слышал даже за отзывы работают
@@webhero42 , я таких видел.
Хорошее видео, чтобы отбить желание вообще верстать. За 500 рублей с тебя требуют пиксель перфёкт (с которым можно и пару часов просидеть) и резиновый адаптив, который требует довольно высокого уровня навыков и понимания html. Поэтому учите программирование и идите сразу во фронтенд или бэкенд.
Ну не обязательно верстать за 500 рублей. Цель видео не как-то обидеть исполнителей. Они сами взялились за работу, ни кто не просил их исправлять все эти моменты, не докучал правками и тд.
Они получили положительный отзыв, опыт и сумму какая их устраивала. Видео просто рассказывает о недостатках верстки которую можно получить за такую стоимость.
Каждый решает сам какое качество его устраивает
@@htmlpractice Они взялись за эту работу за абсурдно смешную плату (30 долларов - вам за такую сумму даже фрилансер из Индии ничего делать не будет), потому что на IT рынке сейчас не лучшие времена.
Без знания вёрстки во фронт?....
@@someBody-65 Знания вёрстки получаются буквально за пару недель обучения.
@@someBody-65 а где тут говорится, что не нужно учить html и css, тут имеется ввиду, что верстать за 500 рублей на фрилансе хуйня идея и лучше работать фронтом или бэком
Джентльмены, внесу свое мнение.
Адаптивность >>> Пиксель перфект.
Пиксель перфект за 3к === сомнительное развлечение.
За 500 рублей === мазохизм.
С моей точки зрения, верстка не господь всемогущий лучшая на свете, но вполне ок. Лэндинг как лэндинг.
Даже если верстать за 3000 рублей, пусть даже один рабочий день, то в месяц может получается около 60 000 ₽.
Собирать бутылки выглядит привлекательнее, чем это всё
Кому что нравится)
Это ты посчитал при идеальных обстоятельствах))
Это на час работы.
@@GonzaVladimirну не час, но часа 3 где-то если нормально делать , макет не сложный
При таком подсчете, никто и никогда не заработает этих денег! Никто не будет сидеть каждый день напролет верстать сайты, человек не робот, загнется быстро! Другое дело, если брать заказы по 20-30К...Ну минимум по 10-15К..
Чтобы давать оценки, стоит хорошо разбираться в вопросе. Для начала, например, прочитать внимательно стандарт HTML5. Если вы его внимательно прочитаете, тогда не станете в одном видео использовать фразу "семантическая верстка" и предлагать выделять текст тэгом . Ну постановку задачи стоило так же продемонстрировать. Не удивлюсь, если не только макет кривоват, но и постановка задачи кривовата.
Вообще не понял комментарий, с точки зрения семантической вёрстки, использование тега strong внутри тега h1 абсолютно допустимо.
Да, какой-то странный комментарий, поясните, чем strong не устроил? Хотя лично я бы b использовал, но разницы никакой нет
@@okopulko цитируя MDN: "The element is for content that is of greater importance, while the element is used to draw attention to text without indicating that it's more important."
Те жирные куски текста в заголовке должны быть не strong, а b. И это, конечно, лютая придирка, и на такие нюансы плевать вообще всем, но только не когда в видео докапываются до вёрстки за 5 баксов )
ого, сразу видно человека который понимает за спеку и алгоритмы семантики. Я уверен что автор канала удивится когда узнает (я написал выше комент про это), что вообще плевать h1 или h6 и сколько раз ты применишь h1 на странице, что по настоящему важно так это уровни вложенности и работа с тегами section и article. Например тег h6 сразу после body будет намного важнее чисто семантически чем тег h1 созданный в какой-либо из секций. Можно верстать хоть на спанах, но когда человек заявляет про семантику, тогда будь добр знать её алгоритмы.
мурыч внес в массы истину SEO
Придерживаюсь простого правила: "Без нормального ТЗ - результат хз". По-сути если ховеров нет - они на усмотрение исполнителя. В нормальных макетах дизайнер выделяет отдельный лист на все необходимые состояния элементов. Если в ТЗ нет просьбы о пиксель перфекте, то и хантить его нет смысла, но тем не менее верстка должна быть все же адекватной, без уехавшего текста и размера шрифта подобранного на глаз. Верстальщик может играть в угадайку, а потом получить претензию "зачем тут ховеры, если их не было на макете и в ТЗ?" и плевать, что они по всей логике железобетонно там уместны. Я таких заказчиков уже встречал, впрочем как и обратных, считающих, что ты телепат.
Такие заказы это как раз та причина, почему я даже не начинал фрилансить в местах, ориентированных на русскоязычную аудиторию. Представляю, насколько у них всё плохо с заказами, если за такие деньги соглашаются работать.
к сожалению это так, тот же кворк, заказчики там всегда ищут раба за 0 рублей и находят.
Не знаю с какой ты страны, но у нас зарубежный фриланс перекрыли. Альтернатив нет. Кворк плох тем, что там даже за минимальную цену у новичка с норм уровнем ничего не берут, на зарубежке таких разжиревших морд не было.
@@emiliaveiland4215 ну открой его. Пути есть. В том числе для работы из России. На зарубежке также часто не берут у новичков и есть демпингующие индусы, но по итогу всё равно зарабатываешь больше через год полтора.
В защиту верстальщиков скажу макет изначальное не правильно подготовлен для передачи под верстку:
1) нет автолейаутов
2) нет стилей текста (h1, h2 etc)
3) нет стилей цвета
4) иконка сделанная не цельным векторов а группой ( Понимаю что можно выгрузить через группу, но тем не менее, не стоит так делать)
Это то что можно сразу заметить только открыв файл (буквально 20 секунд)
Ожидать за такую смешную цену с такой подготовкой дизайна пиксель перфект, настройку стилей и базового SEO - как минимум странно
Через фигму это делается элементарно (2, 3 и 4 пункт). Говорю это как диз, и как верстальщик
1) а зачем это для верстки?)
2) это нужно только для сайтов с кучей страниц - тут все легко и так считывается. Да и h2 в дизайне не всегда h2 в верстке
3) тоже не особо нужно, все в переменные загоняешь и используешь
4) Ctrl+Shift+O, Ctrl+E
Я вроде 15к или 20к брал за верстку похожего (+немного скриптов) но за 3к я бы даже смотреть не стал, не говоря о том, что кто-то за 500 сделал и сверку по пикселю получил 😂 p.s. Ребята сильно обесценивают свою работу, даже джун без опыта получает за 8 часов работы 3-4,5к, а портфолио фрилансера вообще на собесе фронта не ставят в грош.
Ps пиксель перфект сам получился 100% точный, + деплой и интеграция с соц сетями была 😅 короче как сам продать можешь
Лол, так много оценивает? Этож выгодно пздц..
Понятно что ошибки разбираем чисто чтобы зрители поняли как не надо делать, ну а так конечно 500р за такую работу это копейки, за 3000 ещё можно подумать, но понятно же что большинство из этих людей просто нарабатывают руку, и навряд ли их работа будет идеальной. А ещё неплохо было бы в финале увидеть идеальную вёрстку данного макета с точки зрения автора ролика, ну или хотя бы ссылку на файл с вёрсткой.
тот кто верстает за 500р живет с мамой и верстает себе на жвачку, кто верстает за 3000р пытается жить за счет фриланса, поэтому пиксель-перфект и транзишины в подарок не идут
У всех своя философия, не навязываю. Но как человек, который жил за счёт фриланса много лет, как раз в сфере верстки и разработки сайтов - могу заметить, один довольный заказчик в перспективе приносит намного больше денег, чем 10 не довольных.
Ну нет. Одно дело когда действительно отступы чутка не совпадают. Но когда в h1 размер шрифта 48, а не 40 (8 пикселов разница!), нет отступа слева который очевидно должен был быть, - это ошибки, а не пиксель перфект. Да, возможно это ошибки и дизайна, но это окончательная версия, значит - верстала должен повторить. Это не годится на 3к рублей.
@@eugenbrandon1856 3к это джун, вполне годится
Хотелось бы ещё посмотреть на ТЗ, которое отправлялось исполнителю.
А по поводу ховеров вообще не понимаю. Если заказчик их не указывает в макете, то зачем это предусматривать верстальщику? Одно из самых важных правил работы - это не делай того, чего не просят, ибо это ваше время, за которое вам мало того что не заплатят, так ещё и обвинят в самоуправстве и заставят переделывать.
Полностью согласен 👍, п так же понятное дело что версткая делается по макету. Но если уж требовали от макетов пиксель перфект, то и указывать это было нужно в ТЗ
Потому что заказчики это в основном обычные люди которые сами не знают что такое ховер и ты как специалист ему это делаешь правильно
@@TheWorldPeace дизайн заказчик себе сам делает? Ховер должен быть в дизайне
@@userName1123-vn3ocдействительно. Если заказчик делает дизайн самостоятельно, то должен знать про состояние кнопок/ссылок. А если дизайнер, то, вообще странно на макете это не отразить.
Вообще странно, что кто-то согласился делать эту работу за прайс в 3000₽. Не говоря уже про 1500 и тем более 500))) Люди либо вообще не ценят свое время и свой труд, либо это прям самые новички-новички, которым нужно нарабатывать опыт и они бы и за отзыв сверстали)
Конечно ради отзывов и опыта. Тут все логично. На фриланс биржах иначе практически не бывает.
@@htmlpractice Я когда первый заказ на кворк дедал, у меня был похожий проект, но только без dark mode. Я просил за проект в два раза больше чем вы просите верхней вилкой за свой. Заказчик согласился при том что отзывов не было и он был в курсе. выводы делайте сами
если уж упомянул H1, то в h1 не запихивают призыв к действию с первого экрана.
H1 - это слишком важный элемент для seo, чтобы натолкать туда кучу левых слов с призыва к действию!
да в жопу эти h1. Суровые челябенские верстальщики для любой верстки используют лишь один тег
Одно только упоминание о pixel perfect, если этот заказчик не является "крутым перцем" автоматически отправляет его в бан )
Перед тем как просить pixel perfect , проверьте сам макет на pixel perfect.
Если на макете отступы и остальные расстояния на рандоме, то никто не будет делать пиксель перфект. Это придется дофига классов дополнительных делать
Странно ожидать от верстальщика фантазий на тему ховера кнопки если это не отображено в макете
На фрилансе это норма, можно не делать, но большинство заказчиков вернуться с правками, что это нужно добавить.
Да можно встать в штыки, сказать мол не нарисовали, отправить к дизайнеру.
Но это отразиться на лояльности, проще придумать, это в большинстве случаев вообще не сложно, но клиент будет доволен.
За 10 лет опыта на фрилансе я заметил, что многие заказчики думают что это обязанность верстальщика
@@htmlpractice Заказчик так думает потому, что как правило к этому моменту дизайнер уже отработал и получил оплату...а верстак то ещё нет....вот и вешают на него чужую работу....Вся суть верстальщика это всего лишь грамотно перенести всё, что есть в макете...и никакой творческой отсебятины там быть не должно...а вот дизайнер как раз и должен отрисовать любое поведение той картины, которую сам придумал...Тот же адаптив они рисуют не потому, что верстальщик не может до этого додуматься а потому, что он вообще об этом думать не должен
@@ВладимирТ-т8ц да, с причиной согласен) но как есть. Конечно можно отказываться это делать, тут уже на усмотрение каждого.
В 99 случаях из 100 ховер потребуется. Почему бы и не добавить, если это делается за условную минуту, а тебе это плюсик в карму, и расположение заказчика так скажем
@@dmitrygrishin6497 всё верно...это знает каждый нормальный дизайнер...речь идёт не о том как лишний раз лизнуть заказчика, а о том,что каждый должен делать своё дело
Контент нормик)
Давай сделаем два режима.
1 - для подписчиков
2 - как в этом ролике для фрилансеров.
В тг публикуешь макет и срок.
Подписчики верстают, а потом проверка.
+есть контент на Ютуб
+есть коммуникация с подписчиками
+люди тренируются(получая опыт)
...и что бы был маленький огонёк соревнования - можно в качестве приза за первое место «отзыв в профиль на Фриланс бирже»
И так чередовать можно, один выпуск такой, другой такой, ну это уже на ваше усмотрение)
Прекрасная Идея! Я согласна сверстать для критики
за 500 рублей в сутки верстать... у меня мой комп за день крипты наковыряет... на 500 рублей мне выгодней просто вообще за него не садиться, чем что-либо верстать...
Ну разработчики в начале своего пути, практика все ровно нужна, тут хоть не большие, но деньги + опыт + отзыв. Так на фрилансе начинает большинство.
@@htmlpractice Путь в никуда. И денег не заработаешь, и качество не тянет на нормальный отзыв. Лучше тогда бесплатно верстать.
@@dvachuподдержу, набивать руку надо на тестовых проектах, а не когда тебе деньги платят и ждут от тебя добросовестной работы
Очень крутой формат и классная подача. Хотелось по больше подобных видео
Я так понимаю за 3000 данный верстальщик ещё немного и дизайнер. И поэтому он решил переделать как он видит. И должен согласиться, второй блок (где зелёный фон слева) выглядит в его варианте лучше. Верхний блок он тоже выровнял по линии, ну тут спорный момент, получилось неплохо, но и было не хуже.
На фрилансе, перед тем как взять заказ все же логично уточнять, а нужен ли ховер, пиксельперфект и т.д, или же предложить это сделать, а не делать если нет этого в ТЗ. Но обычно хоть заказчики и не знают слов вроде ховера, они значит слово анимация и хотя бы так могут обозначить, что им нужно. Так что я все же за то, что лучше по тз делать а не в угадайку играть.
Очень интересно смотреть обзор на данный формат. Сам отучился на программиста, но, к большому сожалению, в колледже не затрагивают темы каких-либо языков программирования. Сплошная вода. На данный момент, изучаю потихоньку сам, учусь на заочке в университете в другом городе, а в своем работаю, также, в университете и занимаюсь здесь разработкой официального сайта. Дается трудно, но с такими видео подтягиваются какие-то знания уже чего-либо. Спасибо. Однозначно лайк и подписка!
ТЗ очень спорное.
Нужен адаптив и Pixel Perfect? Ну ок, сделайте макет под каждое разрешение.
А вообще верстка не едет и уже хорошо.
на wrapper сделали так вожно чтобы футер был приклеплен к нижней части
С точки зрения программиста, который потом будет внедрять эту вёрстку в сайт, первые два варианта - не вариант. Работа за 3к более-менее пригодна, но требует допила небольшого. На фрилансе брать вёрстку дешевле $80 за страницу нет смысла, т.к. придется переделывать - впустую потраченное время и деньги. Отдельно хочу сказать про проверку на пиксель-перфект: если бы вы озвучили это требование верстальщикам, то никто из адекватных не взялся бы, т.к. у каждого браузера свое видение CSS и добиться пиксель-перфект на всех браузерах невозможно в принципе. А особенно, если это адаптив, который также разными браузерами по-разному обрабатывается.
В варианте за 3к видно, что верстальщик знает свое дело и, возможно ошибочно, но исправил косяк дизайнера - убрал отступ слева у первого блока и при этом адаптировал размер шрифта, чтобы блок смотрелся гармонично. Т.е. в последнем варианте верстальщик был с мозгами, а первые два - тупо студенты, не понимающие, что они делают и как это потом будет использоваться.
да что там внедрять? тупо заливаешь на html хостинг, меняешь теги на A и всё
@@maratmkhitaryan9723 ты сам то хоть понял что сказал?
А что здесь прикручивать? Это обычный лендинг с единственной формой. Не выдумывайте
Верстка за 500р. Ну че, нормально, этож 20 порционных пакетиков риса!
даже за потолок слишком мало стоит)
Уровень разрабов от стажера до джуна
500 р за день работы, это около 11000 руб в месяц. Что-то сомнительно, проще на зп сидеть и зарабатывать минимум в 3 раза больше.
Обычно за столько работают на начальном этапе набивая себе отзывы и рейтинг. На фрилансе огромная конкуренция и чтобы выбиться, сперва нужно потрудиться за еду.
Ну и просто есть ребята которые и работаю и фрилансят, почему нет
@@АндрейКондратов-ф9ь Елси он фрилансит за 500 рэ когда ему работать? И кем?
@@dvachuохранником, скучно сидеть просто, вот и верстает😂
А ты уверен что он 1 заказ за день берет? Может по 3-4-5, делает быстро, и за каждый по 500-1000-2000?
мне очень понравился формат) спасибо) может в следующий к платным работам еще добавить обзор работы подписчика канала, тому кто учится верстке будет интересно увидеть свои ошибки) мне бы хотелось сверстать).
Очень интересная рубрика, хотелось бы больше видеть разборов чужой верстки, ошибок. Спасибо за ролик.
Очень дешево все, а работы на уровне.
Такой труд должен оцениваться в разы больше
“ps” На самом деле у опытного верстальщика сотни а то и тысячи похожих работ, поэтом адаптировать предыдущий проект под дешевый новый возможно за 20 минут, так что в принципе все норм.
Офигенный формат, первый раз такое вижу! Великолепно! Цены кнш смешные
Хочу отметить насколько улучшилось качество видео монтаж и подача не самого простого материала, пол часа пролетели как 5 минут и формат интересный! Так держать прогресс на лицо!)
Спасибо ☺️
Посмотрел видеи и вспомнил кровавый СНГ-шный фриланс образца 2009 года 😁 Самый основной критерий качества верстки - это насколько она модульная, устойчивая к изменениям, а также насколько систематизированы и выравнены элементы. Требование к Pixel Perfect уместно только когда дизайнер гораздо более опытен чем верстальщик, что далеко не всегда так, а часто совсем не так. Обычно чем лучше верстальщик, тем меньше внимания он уделяет попиксельному соответствию.
Я начинающий, эти хаверы леплю везде, может даже с перебором, но мне нравятся анимашки разные при наведении.
Так и что Вас удивляет? Люди работают на фрилансе. Верстальщик за 500 рублей вероятно ещё не имеет ни рейтинга, ни статуса никакого на бирже, поэтому берется за копейки и старается делать более качественно, что бы сделать себе имя. Я сам когда заходил во фриланс биржу первых 15 заказов делал абсолютно бесплатно, кропотливо и на высоком уровне, что и помогло составить высокий рейтинг от заказчиков. Ничего сверхъестественного я здесь не увидел. Дефолт.Если вас это так удивило, возможно Вы и сами в какой то степени дилетант.
эххх щас бы верстать за 3к)) про 500р ваще молчу, такой макет тыс 6 не меньше
А что ты хочешь за 500 руб?) за такую цену более чем хороший результат)
Так я и не спорю - в видео так и сказал, цель видео показать какого уровня верстка за такие суммы
Чел за 500р конечно молодец, наверно у него уже какая-то база есть, типа стандартных стилей и миксинов, чтобы большинство вещей делать по дефолту и быстро. Но 500р... блин, многие только на еду в день в разы больше тратят.
Кстати это девушка верстала) Наберет отзывов и будет повышать цену
8 лет опыта в верстаке, 7 в программированию
Сейчас сеньор разработчик, но когда надо поверстать, то с радостью это делаю
Было бы интересно попробовать поверстать и испробовать себя в ваших видео)
Скажите пожалуйста, что это за расширение браузера, чтоб можно было с макетом сравнивать? Выглядит очень удобно!
PerfectPixel by WellDoneCode для Chrome
Улыбнула фраза-вопрос в контексте заголовков. Как это выносить на бэкенд?
Почему улыбнула?
Я бы даже за 3к не сел бы такое делать. Первое, мои знания дороже стоят. Второе макет сделан через полную ж***. Даже бы не долбился бы с ним. А пиксель пёфикт это вообще пушка, когда макет такой как на видео, и ещё пиксель пёфиктом проверяют, разраб будет это всё выравнивать под пёфикт, увеличится css, а потом когда будет админка, текст другой будет плавать и буду требоваться дороботки.
Забыл ещё про семантику дополнить. Я верстал уже огромное кол-во сайтов и натягивал их на wp, и мне вообще всегда говорят убрать все h3, так же часто некоторые заголовки в h2 требуют убрать h2 и добавить просто div со стилями h2. Так что итог, скажите этим людям спасибо что они за такие бабки каким-то чудом соглашаются работать
А разве если есть претензии к планшетной версии на 750 пикселей то разве не должен быть нарисован макет на 750px и не должно быть ТЗ где описано как все должно выглядеть и вести себя на этих разрешениях, и поведение с размещением на промежуточных разрешениях? "Если это был бы реальный проект, то было бы много правок", так на реальном проекте наверное есть конкретные требования описанные в ТЗ, и макеты для всех важных размеров экранов.
С тегами span в заголовке он конечно немного переборщил, только вот тег strong должен использоваться не для выделения текста жирным шрифтом, а для семантической верстке когда когда нужно выделить важность информации содержимого тега, а для визуального оформления отдельных фрагментов текста как раз таки нужно использовать span, даже тег судя по сайту W3C лучше не использовать.
Тег б используется для выделения ключевых слов согласно спект вообще-то
ставьте лайк если нравится как он разбирает качество верстки, было бы здорово сделать стрим и просмотр работы подписчиков 🔥
Отличная идея! Закреплю - если будут желающие, сделаем)
Не понимаю, зачем на обратную связь интерфейса накидывать транзишен.
Может быть для анимации какого-то переходного состояния это уместно.
Но для подчеркивания на ховерах это точно не нужно)
Код за 500₽???? Я на тильде за 50к делаю😅😅😅
Вот такой простой одностраничник за 50к?
мужик это же 500р, это эльфийская удача, что это сделали вообще за такую сумму)))))
Хорошее видео, очень хотелось увидеть вёрстку pefect pixel за еду.
Wrapper и display flex. И пото прибиваешь футер к низу, чтоб он там всегда был не зависимо от наполнения
согласен, мне тоже так кажется что врапер для прибития футера вниз.
Да, точно, тогда отлично)
про strong в h1 и вообще структуру заголовков SEO-шники с тобой не согласятся)
Супер. Полчаса как пять минут. Больше такого видео
Пока рабы не поймут ценность своего времени, рынок разработки веб-сайтов будет постепенно загнивать, а действительно ценные специалисты уйдут в другие смежные области, где труд будет оценен по достоинству.
хорошее видео однозначно лайк и подписка еще бы хотелось увидеть как бы автор сделал сайт
вообще wrapper с флексом нужен для того, чтобы прижимать футер к низу страницы, даже если у тебя пустой main, конкретно в этом случае бесполезно, ведь это лендинг, но с чего ты вдруг решил что человек будет изменять свой стартовый макет, это итак ни на что не повлияет
Не понятно, за 500 руб это Джуниоры или кто. Так то и 1500 может Джуниор просить. Надо было опыт тоже уточнить.
А насчет hover и прочих «фишек» думаю инициатором должен быть заказчик, а не верстальщика, ибо «давайте изменим цвет ховера на «какой-то цвет» или уберите ее» себе дороже
Скорее всего у верстальщиков есть свои заготовленные макеты для различных элементов на странице и они их переиспользуют редактируя под дизайн, отсюда и доплонительные плюшки в виде ховеров и тп , которые не были указаны в задании )
Я так и делаю для своих проектов , а если встречаются новые интересные фишки, так же добавляю их себе, мало ли пригодится
Это H1, это H2, H3...
В LP это особой роли не играет, т.к продвигать его в поисковике будет не возможно, и к тому же это уже СЕОшнику больше решать кто из них кто.
Для валидатора нужно только h1, а дальше хоть все текстовые блоки в div оберни
Это не лендинг, а главная страница многостраничного сайта. И в целом это не важно, любой лендинг может перерасти в многостраничный и лучше сразу делать правильно. К тому же это не требует больших усилий
@@htmlpractice Вы совершенно правы, что лучше продумать 100 раз наперед все и что замена тегов не требует больших усилий.
Но в заголовке у Вас четко написано - "Верcтка лендинга HTML, CSS", а я лишь давал комментарии из своего личного опыта и считаю это правильным. Вы можете со мной быть не согласны.
@@grigory-dev Если Вы перейдете html validator w3c, то можно увидеть, что без h2, h3 ошибок не будет.
SEO специалист переделывать не будет, будет верстальщик)) В соответствии с ТЗ, которые ему может выставить Сеошник)) (что должно быть h1, что h2, микроразметка и т.д.), а может ничего такого и не быть. Все индивидуально и зависит от проекта и кто его ведет.
По поводу pixel perfect, профессиональные компании его не используют, так как каждый дизайн не идеальный + зачастую возникают проблемы с адаптивом.
дайте пожалуйста ссылки на исполнителей, хочется посмотреть на описание профиля и портфолио
пиксель перфект это как бизнес который ты делал всю жизнь а люди его даже и не увидели
1500/7 часов = 214 p./ч. Оплата кассира в в фастфуде и видимо в большой глубинке.
еще зп звукорежиссёра и преподавателя музыки в одном лице в бюджетном доме культуры, причем с вышкой муз школой и опытом более 5 лет.
@@NeoCoding если труд оплачивается низко ,значит ценность его ничтожно мала. и человек тратит время на хобби вместо работы. мир конкурентен. или зарабатываешь или не ной занимаясь хобби и обрекая на нищету и себя и близких.(я не про вас конкретно)
@@stazyxtnom4514 да не просто у нас любят бесплатную раб силу и госво в первую очередь. потому и обесценивает. а так конечно с такой логикой как ваша - ценность труда барыги куда выше ценности труда благородных профессий. не конкретно про вас говорю
Так а как получается не pixel perfect , если с макета все по пикселям переносить? Встроенные в браузерах все сдвигают?
Почему изначально не попросить верстальщика проверить верстку этой утилитой с видео?
Вы ох..рели что-ли, сорри за мой французский? Верстка за 500 рублей им не нравится. Человек весь день делал! Сделал достаточно качественно. То есть, это вам дорого что-ли, я не пойму? А за сколько хотите? За 10 рублей?
Я просто считаю, что такая работа должна стоить не меньше 3000. Столько всего надо знать! Вы зажрались, батенька, вот что я вам хочу сказать
а что не так в теге ? я просто начинаю вебу учиться и не понимаю почему на этот тег так ругаются
нормальный тег, нужный тег для текста !
@@mushnikov35 а какой использовать, для обычного текста только p и span знаю
Тег - это тег абзаца лучше всего использовать в статьях, новостях и тд disk.yandex.ru/i/G2z0L7i7SqpLFQ , это его основное предназначение
Плохо для поисковиков для анализа текста. Плохо для программ чтения - путаница в отображении блока. Плохо для CSS - у этого тега (может быть) сквозное назначение отступа первой строки слева и отступа всего блока снизу (следующий абзац) - и когда ты назначаешь на блоки которые не должны так выглядеть, то в этих блоках всё это придётся отменять. Его надо применять там где он действительно нужен.
@@point111так какой тег лучше применять для текста, случаем не span?
С точки зрения семантической вёрстки, ваш начальный текст не является заголовком h1. Нужно было отдельно вписывать в начале и скрывать его.
По поводу блока софия классом .wrapper 10:17 Это сделано для того чтобышапка прилипла к верху а футер к низу. Вдруг добавят новую страницу условно «спасибо». То будет все красивенько по местам
много или мало за 500р , угараешь?
Пинаешь исполнителей за пиксель перфект, ховеры, семантику и т.д. А в ТЗ всё это указано? Если нет, то нет оснований считать это ошибками. И про правки я не согласен. Когда я был заказчиком, то всегда подробно расписывал все нужные мне правки. Я не могу ожидать, что исполнитель за копейки сразу сделает всё идеально как я хочу. И с этим не было никаких проблем, исполнители спокойно доделывали правки. Благо в верстке это не сложно и быстро, в итоге я получал тот результат, которым был доволен. Если правок/ошибок было уж слишком много, то больше с этим исполнителем не сотрудничал. Так что я думаю, что надо изначально максимально точно и подробно формулировать ТЗ и потом быть готовым к тому, что нужно будет тщательно проверять и описывать нужные правки. А просто менять десяток исполнителей в надежде, что кто-то угадает требования и с первого раза сделает всё идеально - это путь в тупик даже на таком маленьком проектике.
Flex wrapper-у чтобы Footer прижать?
Мне кажется это не заголовок H1. Лучше скрытый заголовок сделать
Спасибо. Хорошее видео! Скиньте пожалуйста ссылку на макет.
Есть в закрепе
Какие 3000 рублей, вы че угораете товарищи верстальщики, такая работа с пиксель-перфект стоит минимум 6к-7к ( если небольшой опыт у вас)
Какие 6-7к, 500 рублей, и полетели🙂
Спасибо большое за видео, можете сделать видео правок, что бы вы убрали - добавили и разбирали и объясняли код (ознакомительное видео для новичков, и код покрупнее можно, а то плохо видно :))
шел 2024 год, но люди продолжали жить в 2000 и требовали один заголовок h1 на страницу 😂🤣😂
как можно делать неправильный размер шрифта!? в Фигме же всё есть
Анимации также должны быть разработаны дизайнером. Верстальщик не должен придумывать ховеры и остальное.
Капец цены.
30$ за весь лендос ?
Это же зп разраба за час ,
я бы за это минимум 150$просил , а за пиксель перфект так все 300$ это часом не белорусские рубли ?
Какой мем, я уже хотел закрывать видео после слов о том, что никто из "верстальщиков" не спросил про слайдер на адаптиве.
Смешно читать снизу комментарии про стоимость. Если вам нужны миллиарды за такой изи макет, то вы явно ничего не понимаете
Я понимаю, что данное видео - эксперимент. К автору вообще никаких вопросов. Но блин! Народ! Нафига вы так опускаете свой труд и кормите халявщиков? Я не понимаю, как может стоить сайт 5-10 к!
а зачем pixel perfect, когда за 500 рублей бабушкам верстают одностраничники за 1 час? Особенно если макет не подразумевает серьезную логику и взаимодействие с сервером. Там вся суть страницы показать стоимость и услуги.
Когда берешь проект в работу, никогда не знаешь планы заказчика на него. Например конкретно эта страница взята с реального проекта, который мы делали несколько лет назад. И он перерос в довольно большой проект, с глубокой внутряннкой, сложными интеграциями и достаточно высокой посещаемостью. Хотя на вид это маленькая страничка собранная на коленке как MVP. Поэтому я придерживаюсь взглядов - если ты взялся за работу, то сделай ее по максимуму как умеешь, не зависимо какой у нее бюджет (ты же сам на этот бюджет согласился). Или сразу скажи заказчику "У вас не большой бюджет, я готов за него сделать, но я буду делать следующие упрощения". Если его это устроит, то нет вопросов.
Интересный формат, я бы еще глянул)
За 500 рублей и для работы которую делали за сутки - результат просто топовый. Если нужен пиксельперфект, это нужно указывать в тз. Та и нормальные макеты слать. За 500 рублей я жопу не почесал бы, не говоря уже про то чтобы верстать по говномакету ленд с пиксельперфектом)
да враппер это наверно футер к низу прижать если пустая страница
через какую программу пиксель перфект проверяли?
я дико извеняюсь но хорошая верстка стоит за страницу стоит минимум 50$ и это все фуфло
Что-то посмотрел и прифигел с цен. Дайте мне верстальщика за 500! Я его себе в штат возьму
А вообще, 500 рублёвая вёрстка выглядит совсем не нубской. Это, скорее всего, через какой-то инструмент автоматизации из фигмы в html применялся. Просто экспортнули, подправили и 500 р за 15 минут в карман положили
Про 1500 - непонятно как-то.
А вот 3000 - явно видно, что исполнитель делал руками. Вопросов к попаданию в макет много, но 3000 - это прям новичёк. И свёрстано, для новичка, очень неплохо.
Очень понравился разбор! Я бы смотрел подобное не только с обзором работ фриланса, но и разбор работ подписчиков. Вообще очень ценно видеть как другие люди делают работу и на сравнении видеть как должно быть.
P.S. Только начинаю свой путь в верстке, сделал пока два сайта и то далеко не идеально)
И что как успехи? Сам обучаешься или по каким-то платным курсам учишься?
@@tehnics4051 Купил курс на Udemy со скидкой там 400-500 грн за курс вышло. я их 3 купил. Нужно смотреть по рейтингу и отзывам. Рейтинг просо так не ставят, я сначала взял того, что поменьше звёзд, а потом топового, и понял что топ не просто так в топе) Подача материала совсем на другом уровне
@@tehnics4051 на счёт успехов пока рано судить, пока первые деньги заработаю)) Но в целом медленно но уверенно :)
Автор, скажите пожалуйста, сколько получают верстальщики в вашей команде на реальных проектах?
мне кажется вы цифры перепутали, за 500р лучше чем 3000р