Верстка лендингу HTML/css
Всім привіт потрібна верстка лендингу pixel perfect
https://www.dropbox.com/s/untni7ip6siyr45/WebDeliver.zip?dl=0
Ось сам лендинг
Потрібно швидко та професійно, строк один день
-
Сергей К. Mirror | Web Agency👋 Привіт.
Скажіть, чому саме Pixel Perfect, навіщо він і яка ціль його?
-
Ціль така щоб 100% відповідало дизайну а не було «приблизно»
-
А якщо той чи інший елемент не буде відповідати вимогам на 5-15px, це критично?
-
має бути обгрунтовано, скажімо чуть інший розмір екрану чи особливості браузера
-
Теоретично, у вас в макеті відстані між елементами 200px (по осі Y) , а у мене получиться 208px, це розцінюється як критична неточність?
-
Сергей К. Mirror | Web Agency
Написати більш подібно до макету — ось це буде добре, а 100% Pixel Perfect це вже край, якщо можна так сказати. До чого я веду, та до того що сайт повинен добре та правильно відображатися у браузері на різних екранах: desktop, tablet, mobile і все що між ними. Треба розуміти що браузер не завжди і не всі елементи відображає як у макеті, наприклад ті самі шрифти(інколи чи часто не скажу, мої клієнти не вимагають Pixel Perfect). Так от, якщо ви хочете сайт який буде добре працювати(то есть отзывчивый и адаптированный) на всіх розмірах то треба відмовитися від Pixel Perfect. Та й не факт що дизайнер все правильно розрахує, щоб були відступи однакові і все таке інше. Але ж ви клієнт, вам і вирішувати, моя справа порадити та попередити. Ну якось типу того, думаю ви зрозуміли до чого я веду.
-
https://vlasuz.s-hostp.net/webdeliver/
Ось що ми отримуємо без піксель префект
-
Николай Рыженко Нетуиз точки зрения верстальщика скажу что с вашим дизайном что то не так, это привет из 2000-х ?)
-
Сергей К. Mirror | Web Agency
Вот только написать хотел, это ужас, я не дизайнер но сделал бы намного лучше 😅
-
Николай Рыженко Нету
Пиксель можно сделать, с погрешностью 5 пикселей, но не с вашим дизайном)
-
Сергей К. Mirror | Web Agency
Ні, це ви отримуєте коли вирішуєте зекономити і берете не досвідченого розробника для роботи над проектом. Візьміть людину яка шарить добре і нехай він вам все зробить так як треба, по макету і без Pixel Perfect. Звичайно що він попросить не малу суму за свою роботу яку вам потрібно буде заплатити. Якщо не захочете платити норм то будете ходити по таким кодерам який і зробив вам ту нісенітницю з вашого прикладу.
-
Николай Рыженко Нету
мне кажется или там и дизайн и вёрстка, ужас просто
-
Николай, рекомендую сначала смотреть на дизайн, и на то, как бы Вы его сделали, а потом уже говорить что то про верстку и самого верстальщика, я уверен, что Вы бы сделали не лучше, а если даже и лучше, так как пример у Вас есть как не надо делать, то заказчику все равно бы не понравилось, так как все проблемы начинаются с дизайна макета, а если заказчику не нравится верстка макета, то это уже вопросы к дизайнеру а не к верстальщику. Я понимаю что есть погрешности и у верстальщика, но это уже погрешности технические, а не дизайнерские, и все технические проблемы надо обговаривать, а не судить полностью верстку макета!
-
https://freelancehunt.com/project/zaverstati-storinku-landing-page/984055.html#bid-10269408
Тут уже був викладений цей макет. -
Николай Рыженко Нету
здравый человек, за такую сумму вряли возьмётся делать это чудо
-
тут не можливо зробити Pixel Perfect, тому що наприклад макет має шириину 1647 px , більшість моніторів давним давно зараз 1920 px, якщо робити pixel perfect то по краям не буде фону розумієте?
-
Всем привет, макет делал я и у меня несколько замечаний к заказчику:
1) Почему мне не ответил другой заказчик, который дал мне этот макет, и не сказал мне, что сделано не так как хотелось бы
2) Этот пункт надо было сделать первым, но все же, почему без моего разрешения Вы выложили ссылку на мой сайт, где сделана моя верстка, это вообще то обговаривается со мной и дается некое разрешение на распространение.
3) На макете нет четкой сетки, по которой надо делать обертку, и не было никаких дополнительных указаний, как надо сделать верстку. Макет сделан из фотографий, а Вы предлагаете мне сделать это кодом? Я так же как и по макету сделал фотографиями в высоком качестве. Плюс, сделано было как десктопная версия, так и мобильная
4) Условия что надо pixelPerfect не было, было только сказано, цитирую: "100% відповідність дизайну." это можно понимать по разному, можно сделать pixelPerfect, а можно как я, четкие фотографии, строго по макету. + как сказали ранее, сделать pixelPerfect почти нереально. Подумайте сами, если экран будет 4К, то что будет по краям экрана??? Белое полотно? Это вина во-первых дизайнера, если что то не нравится в верстке, почему мне не написал дизайнер и не сказал как надо переделать??
5) Почему этот проект выставил другой заказчик, а тот с кем я вел переговоры исчез?
Прошу ответить мне в рабочей области, и решить все проблемы, а не выставлять новый проект, от нового лица, и говорить что моя работа не такая как Вам бы хотелось без моего ведома!!!
-
Сергей К. Mirror | Web Agency
Во втором пункте ты был бы прав если бы вы с клиентом подписали NDA. В других случаях он может показывать то что ты сделал.
Мой тебе совет, либо создай NDA и подписывайте его вместе с клиентом либо работай через Бизнес Сейф, там будет договор где прописана эта конфиденциальность.
-
Сергей, этого не знал, благодарю за подсказку, буду пользоваться. Значит в пункте (2) я не прав
-
Сергей К. Mirror | Web Agency
Можно сказать что да, печально конечно но да. Но ничего, мы учимся на своих ошибках. Так что в других подобных ситуациях будешь знать наперед что и как делать.
-
Актуальные фриланс-проекты в категории HTML и CSS верстка
Веб-дизайн и разработкаПривет! Для текущего проекта ищу двух отдельных специалистов: веб-дизайнера (Figma) веб-разработчика (Frontend / WordPress) Проект включает задачи по типу: лендинги, интернет-магазин, админ-панели, сайт на WordPress, а также при необходимости небольшие задачи на React /… HTML и CSS верстка, Дизайн сайтов ∙ 16 часов 55 минут назад ∙ 77 ставок |
Необходимо сделать современный сайт для компании натяжных потолков в Польше
28 485 UAH
Нужен современный премиальный дизайн, адаптация под мобильные устройства, быстрое загрузка, SEO, анимации, калькулятор, портфолио, форма заявки. Желателен опыт создания сайтов в Польше, лендингов для строительных или ремонтных компаний. Обязательно отправьте примеры своих работ. HTML и CSS верстка, Веб-программирование ∙ 17 часов 56 минут назад ∙ 124 ставки |
Ищем фронтенд разработчика для учебной платформыFrontend-разработчик https://www.figma.com/design/vXKC6kfWOeDBX2464BXqRv/%D0%A2%D0%97?node-id=0-1&p=f&t=OJxQ9DF0zXBNnBJv-0 Привет! Ищем frontend-разработчика для работы над современной музыкальной платформой Muse. Проект уже имеет готовый дизайн в Figma,… HTML и CSS верстка, Веб-программирование ∙ 19 часов 44 минуты назад ∙ 82 ставки |
Нужен разработчик Drupal для правок на нескольких сайтах.Нужен разработчик Drupal для правок на нескольких сайтах. Сайт раздувается и заполняет весь хостинг .. HTML и CSS верстка, Веб-программирование ∙ 1 день назад ∙ 33 ставки |
Оптимизация скорости сайта WordPress
5088 UAH
полные детали отправим в личные сообщения Цель Максимально ускорить загрузку сайта, особенно на мобильных устройствах. KPI (обязательно) После завершения работ необходимо добиться следующих показателей. Mobile Performance 90+ LCP менее 2.2 сек INP менее 200 мс CLS менее 0.1… HTML и CSS верстка, Javascript и Typescript ∙ 1 день 15 часов назад ∙ 63 ставки |