Верстка лендингу 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
Можно сказать что да, печально конечно но да. Но ничего, мы учимся на своих ошибках. Так что в других подобных ситуациях будешь знать наперед что и как делать.
-
Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS
Projektowanie i rozwój stron internetowychWitaj! Do bieżącego projektu szukam dwóch oddzielnych specjalistów: projektanta stron internetowych (Figma) programisty webowego (Frontend / WordPress) Projekt obejmuje zadania takie jak: landing page, sklep internetowy, panel administracyjny, strona na WordPressie, a także w… Układ HTML i CSS, Projektowanie stron internetowych ∙ 16 godzin 58 minut temu ∙ 77 ofert |
Należy stworzyć nowoczesną stronę internetową dla firmy zajmującej się sufitami napinanymi w Polsce.
2400 PLN
Potrzebny nowoczesny premium design, adaptacja na urządzenia mobilne, szybkie ładowanie, SEO, animacje, kalkulator, portfolio, formularz zgłoszeniowy. Preferowane doświadczenie w tworzeniu stron w Polsce, landingów dla firm budowlanych lub remontowych. Koniecznie prześlij… Układ HTML i CSS, Programowanie stron internetowych ∙ 17 godzin 59 minut temu ∙ 124 oferty |
Szukamy programisty Frontend do platformy edukacyjnejFrontend-developerhttps://www.figma.com/design/vXKC6kfWOeDBX2464BXqRv/%D0%A2%D0%97?node-id=0-1&p=f&t=OJxQ9DF0zXBNnBJv-0Cześć!Szukamy frontend-developera do pracy nad nowoczesną platformą muzyczną Muse.Projekt ma już gotowy design w Figma, działający backend… Układ HTML i CSS, Programowanie stron internetowych ∙ 19 godzin 47 minut temu ∙ 82 oferty |
Potrzebny programista Drupal do poprawek na kilku stronach.Potrzebny programista Drupal do poprawek na kilku stronach. Strona się rozrosła i zapełniła cały hosting .. Układ HTML i CSS, Programowanie stron internetowych ∙ 1 dzień temu ∙ 33 oferty |
Optymalizacja prędkości strony WordPress
429 PLN
Pełne szczegóły prześlemy w wiadomościach prywatnych Cel Maksymalne przyspieszenie ładowania strony, szczególnie na urządzeniach mobilnych. KPI (obowiązkowe) Po zakończeniu prac należy osiągnąć następujące wskaźniki. Mobile Performance 90+ LCP mniej niż 2.2 sek INP mniej niż… Układ HTML i CSS, Javascript & Typescript ∙ 1 dzień 15 godzin temu ∙ 63 oferty |