Верстка лендингу HTML/css
Всім привіт потрібна верстка лендингу pixel perfect
https://www.dropbox.com/s/untni7ip6siyr45/WebDeliver.zip?dl=0
Ось сам лендинг
Потрібно швидко та професійно, строк один день
-
Sergey K. Mirror | Web Agency👋 Привіт.
Скажіть, чому саме Pixel Perfect, навіщо він і яка ціль його?
-
Ціль така щоб 100% відповідало дизайну а не було «приблизно»
-
А якщо той чи інший елемент не буде відповідати вимогам на 5-15px, це критично?
-
має бути обгрунтовано, скажімо чуть інший розмір екрану чи особливості браузера
-
Теоретично, у вас в макеті відстані між елементами 200px (по осі Y) , а у мене получиться 208px, це розцінюється як критична неточність?
-
Sergey K. Mirror | Web Agency
Написати більш подібно до макету — ось це буде добре, а 100% Pixel Perfect це вже край, якщо можна так сказати. До чого я веду, та до того що сайт повинен добре та правильно відображатися у браузері на різних екранах: desktop, tablet, mobile і все що між ними. Треба розуміти що браузер не завжди і не всі елементи відображає як у макеті, наприклад ті самі шрифти(інколи чи часто не скажу, мої клієнти не вимагають Pixel Perfect). Так от, якщо ви хочете сайт який буде добре працювати(то есть отзывчивый и адаптированный) на всіх розмірах то треба відмовитися від Pixel Perfect. Та й не факт що дизайнер все правильно розрахує, щоб були відступи однакові і все таке інше. Але ж ви клієнт, вам і вирішувати, моя справа порадити та попередити. Ну якось типу того, думаю ви зрозуміли до чого я веду.
-
https://vlasuz.s-hostp.net/webdeliver/
Ось що ми отримуємо без піксель префект
-
Nikolay Ryzhenko Нетуиз точки зрения верстальщика скажу что с вашим дизайном что то не так, это привет из 2000-х ?)
-
Sergey K. Mirror | Web Agency
Вот только написать хотел, это ужас, я не дизайнер но сделал бы намного лучше 😅
-
Nikolay Ryzhenko Нету
Пиксель можно сделать, с погрешностью 5 пикселей, но не с вашим дизайном)
-
Sergey K. Mirror | Web Agency
Ні, це ви отримуєте коли вирішуєте зекономити і берете не досвідченого розробника для роботи над проектом. Візьміть людину яка шарить добре і нехай він вам все зробить так як треба, по макету і без Pixel Perfect. Звичайно що він попросить не малу суму за свою роботу яку вам потрібно буде заплатити. Якщо не захочете платити норм то будете ходити по таким кодерам який і зробив вам ту нісенітницю з вашого прикладу.
-
Nikolay Ryzhenko Нету
мне кажется или там и дизайн и вёрстка, ужас просто
-
Николай, рекомендую сначала смотреть на дизайн, и на то, как бы Вы его сделали, а потом уже говорить что то про верстку и самого верстальщика, я уверен, что Вы бы сделали не лучше, а если даже и лучше, так как пример у Вас есть как не надо делать, то заказчику все равно бы не понравилось, так как все проблемы начинаются с дизайна макета, а если заказчику не нравится верстка макета, то это уже вопросы к дизайнеру а не к верстальщику. Я понимаю что есть погрешности и у верстальщика, но это уже погрешности технические, а не дизайнерские, и все технические проблемы надо обговаривать, а не судить полностью верстку макета!
-
https://freelancehunt.com/project/zaverstati-storinku-landing-page/984055.html#bid-10269408
Тут уже був викладений цей макет. -
Nikolay Ryzhenko Нету
здравый человек, за такую сумму вряли возьмётся делать это чудо
-
тут не можливо зробити Pixel Perfect, тому що наприклад макет має шириину 1647 px , більшість моніторів давним давно зараз 1920 px, якщо робити pixel perfect то по краям не буде фону розумієте?
-
Всем привет, макет делал я и у меня несколько замечаний к заказчику:
1) Почему мне не ответил другой заказчик, который дал мне этот макет, и не сказал мне, что сделано не так как хотелось бы
2) Этот пункт надо было сделать первым, но все же, почему без моего разрешения Вы выложили ссылку на мой сайт, где сделана моя верстка, это вообще то обговаривается со мной и дается некое разрешение на распространение.
3) На макете нет четкой сетки, по которой надо делать обертку, и не было никаких дополнительных указаний, как надо сделать верстку. Макет сделан из фотографий, а Вы предлагаете мне сделать это кодом? Я так же как и по макету сделал фотографиями в высоком качестве. Плюс, сделано было как десктопная версия, так и мобильная
4) Условия что надо pixelPerfect не было, было только сказано, цитирую: "100% відповідність дизайну." это можно понимать по разному, можно сделать pixelPerfect, а можно как я, четкие фотографии, строго по макету. + как сказали ранее, сделать pixelPerfect почти нереально. Подумайте сами, если экран будет 4К, то что будет по краям экрана??? Белое полотно? Это вина во-первых дизайнера, если что то не нравится в верстке, почему мне не написал дизайнер и не сказал как надо переделать??
5) Почему этот проект выставил другой заказчик, а тот с кем я вел переговоры исчез?
Прошу ответить мне в рабочей области, и решить все проблемы, а не выставлять новый проект, от нового лица, и говорить что моя работа не такая как Вам бы хотелось без моего ведома!!!
-
Sergey K. Mirror | Web Agency
Во втором пункте ты был бы прав если бы вы с клиентом подписали NDA. В других случаях он может показывать то что ты сделал.
Мой тебе совет, либо создай NDA и подписывайте его вместе с клиентом либо работай через Бизнес Сейф, там будет договор где прописана эта конфиденциальность.
-
Сергей, этого не знал, благодарю за подсказку, буду пользоваться. Значит в пункте (2) я не прав
-
Sergey K. Mirror | Web Agency
Можно сказать что да, печально конечно но да. Но ничего, мы учимся на своих ошибках. Так что в других подобных ситуациях будешь знать наперед что и как делать.
-
Current freelance projects in the category HTML & CSS
Development of an iOS application for online chess similar to (possibly through Vibe Coding)
445 USD
It is necessary to develop an MVP mobile application only for iOS. The concept can be based on Chess.com, but without copying the design or code. It is preferable to maximize the use of Vibe Coding/AI to speed up development and reduce costs, but the code must be clean,… HTML & CSS ∙ 10 hours 28 minutes back ∙ 24 proposals |
We are looking for a specialist in Joomla.Hello everyone, there is a project for which a Joomla specialist is needed. Right now, we need to understand how everything is arranged and what pages exist. Find the registration page and form, and explain how everything works and where the applications go, etc. HTML & CSS ∙ 11 hours 58 minutes back ∙ 20 proposals |
Web design and developmentHello! For the current project, I am looking for two separate specialists: web designer (Figma) web developer (Frontend / WordPress) The project includes tasks such as: landing pages, online store, admin panels, WordPress site, as well as small tasks on React / Next.js and… HTML & CSS, Web Design ∙ 3 days 13 hours back ∙ 115 proposals |
A Drupal developer is needed for edits on several websites.A Drupal developer is needed for edits on several websites. The site has bloated and filled up all the hosting.. HTML & CSS, Web Programming ∙ 3 days 21 hours back ∙ 39 proposals |
Optimization of WordPress site speed
113 USD
We will send full details in private messages Goal Maximize website loading speed, especially on mobile devices. KPI (mandatory) After the work is completed, the following metrics must be achieved. Mobile Performance 90+ LCP less than 2.2 sec INP less than 200 ms CLS less than… HTML & CSS, Javascript and Typescript ∙ 4 days 11 hours back ∙ 68 proposals |