На сколько верстка выглядит верной?

Question

nikkidanni1 @nikkidanni1

На сколько верстка выглядит верной?

pixeltouch.ru
Работаю в одной конторе пол года, в основном правлю баги и верстаю. Вёрстке никто не учил, интересно было бы узнать для дальнейшего развития какие технологии мне стоит подтянуть?

Вопрос задан более трёх лет назад
349 просмотров

1 комментарий

Подписаться 1 Простой 1 комментарий

Решения вопроса 1

2 комментария

nikkidanni1 @nikkidanni1 Автор вопроса

Спасибо большое за ответ. У меня вопрос по поводу оптимизации изображений, имеется ввиду, что нужно сделать медиазапросы для мобильной десктопной версии с размерами 1х и 2х соответственно?
И может посоветуете почитать что-нибудь, для улучшения навыков?

Написано более трёх лет назад
Даниил Маслов @s0xzwasd

Сейчас достаточно просто прогнать их, например через FileOptimizer или сделать таску для галпа, если его используете.

Можете посмотреть в сторону тега picture отдавая разные картинки на разных разрешениях. Про размеры 1x и 2x, это вы имели ввиду скорее всего оптимизацию под ретину. Для мобильной версии достаточно отдавать картинки тех размеров, которые прописаны в медиа-запросе.

Про изображения очень подробно можете почитать по ссылке: https://developers.google.com/web/fundamentals/per... этого должно хватить.

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 2

4 комментария

nikkidanni1 @nikkidanni1 Автор вопроса

Слайдеп в принципе сделан из блока завернутого в меньший блок, так попросили сделать

Написано более трёх лет назад
nikkidanni1 @nikkidanni1 Автор вопроса

Дизайном я не занималась

Написано более трёх лет назад
Максим Тимофеев @webinar

nikkidanni1,
Слайдеп в принципе сделан из блока завернутого в меньший блок,

не понимаю к чему это, но наверное оправдание

так попросили сделать

попросили сделать так, что бы кусак соседнего слайда торчал? А а первый был не центрирован?

Дизайном я не занималась

Передайте дизайнеру, что бы он почитал книжки какие-нибудь. Очень срочно.

Написано более трёх лет назад
nikkidanni1 @nikkidanni1 Автор вопроса

Максим Тимофеев, к тому, что это в принципе сложно назвать слайдером, о какой уж там адаптации речь. Видимо так не стоит делать, буду знать

Написано более трёх лет назад

8 комментариев

nikkidanni1 @nikkidanni1 Автор вопроса

Работать над адаптивном что имеется в виду? Слайдеры должны помещаться в высоту экрана и где ещё косяки в плане адаптива?

Написано более трёх лет назад
Martovitskiy @Martovitskiy

nikkidanni1, задайте сколько items должно поместиться на экране. На мобильных 1, на планшетах 2 и т.д.
Я не должен на мобильном видеть часть другого item.
На странице новости у Вас одна огромная картинка. Сделайте её слева, описание справа, добавьте галерею. Что дает эта статья? Ну разработали Приложение для iPad, дайте ссылку на приложение или qr на скачивание, добавьте комменты, лайки ну то уже второстепенные задачи...

Написано более трёх лет назад
nikkidanni1 @nikkidanni1 Автор вопроса

Значит считается плохим тоном отображать дробное количество слайдов?
В принципе я поняла тут большая часть замечаний к дизайну самому, а не верстке

Написано более трёх лет назад
ParaBellum577 @ParaBellum577

nikkidanni1, подписываюсь к предыдущему посту. Адаптив хромает. При уменьшении окна блоки перекрывают друг друга, текст прячется под блок с картинкой, карусели эти вообще ужасно смотрятся на маленьких девайсах. а в остальном не плохо

Написано более трёх лет назад
Martovitskiy @Martovitskiy

nikkidanni1, этим занимается верстальщик, дизайн тут не причём

Написано более трёх лет назад
Александр Маргинал @AlexanderMarginal

Martovitskiy, вообще-то, видеть кусок слайда соседнего это довольно частая практика у дизайнеров. В смысле дизайнер здесь не причем?
Дизайнер отдает макет под все основные разрешения,а резина делается только между тем, что дал дизайнер. Говорю это как фронтенд разработчик с большим довольно таки стажем

Написано более трёх лет назад
Martovitskiy @Martovitskiy

Александр Маргинал, практика такая есть, но никогда соседний слайд не обрезается так грубо. Или это тоже задумано дизайнером? Сомневаюсь...

Написано более трёх лет назад
Александр Маргинал @AlexanderMarginal

Martovitskiy, очень часто такое бывает. В 80% случаев дизайнер это человек который рисует как ему вздумается

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

PHP

+2 ещё

Средний
Некорректная работа submit?
- 1 подписчик
- 4 часа назад
- 27 просмотров
0

ответов
HTML

+2 ещё

Простой
Media запросы, нужно менять каждые 10px. Может проблема в коде?
- 2 подписчика
- 5 часов назад
- 169 просмотров
0

ответов
HTML

Простой
Не получается поставить поисковую строку справа, что сделать чтобы исправить?
- 1 подписчик
- 7 часов назад
- 39 просмотров
0

ответов
HTML

Простой
С чем может быть связано не правильный вывод изображений?
- 1 подписчик
- 11 часов назад
- 132 просмотра
1

ответ
JavaScript

+1 ещё

Средний
Как задать img источник из svg inline?
- 1 подписчик
- 14 часов назад
- 96 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Смена стилей шапки сайта при скролле к определенному блоку? Стили должны применяться при скролле до блока и отменяться за его пределами?
- 1 подписчик
- 15 часов назад
- 51 просмотр
1

ответ
JavaScript

+1 ещё

Средний
Как сделать так, чтобы клик по object передавался родителю?
- 1 подписчик
- 19 часов назад
- 96 просмотров
2

ответа
CSS

Простой
Почему line-clamp для обрезания строк отображает текст ниже троеточия?
- 1 подписчик
- вчера
- 56 просмотров
1

ответ
HTML

+1 ещё

Простой
Можно ли изменить цвет шрифта снаружи для тега у которого цвет прописан внутри?
- 1 подписчик
- вчера
- 63 просмотра
2

ответа
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- 23 апр.
- 52 просмотра
0

ответов
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Разработать электронику для весов с Wi-Fi

26 апр. 2024, в 01:22

1000 руб./в час

Очень срочно нужно помочь запустить программу с UI

26 апр. 2024, в 00:13

1000 руб./за проект

Создание бота/скрипта для сайта забронирование мест

26 апр. 2024, в 00:10

30000 руб./за проект

Не удается получить доступ к сайту

Answer 1 · 2019-04-08 18:24:33

Стоит ещё поверстать, например нет никаких состояний кнопок и ссылок, я не понимаю при наведении, можно ли на это кликнуть или это просто текст.

Форма не закрывается при нажатии клавиши Esc или клика вне области формы. В форме ресайзится по горизонтали. Никакой валидации и ошибок, подсказок нет.

Изображения не оптимизированы.

Часть декоративных элементов можно было бы сделать псевдоэлементами. Есть ошибки в консоли при скролле страницы с информации о компании.

Answer 2 · 2019-04-08 17:21:02

На сколько верстка выглядит верной?

на 12кг

какие технологии мне стоит подтянуть?

смотря куда идете и чего хотите. Можете например зайти на сайт jquery и узнать что есть более новые версии чем 1.11.1. Можете почитать про восприятие пользователей, что бы не делать прозрачный фон под текстом. "Слайдер мордочек" плохо адаптирован под мобилки. Кнопка "написать нам" работает не на всех страницах. Но в целом сама верстка очень не плоха на первый взгляд. А вот по дизайну и в целом по UI/UX там много проблем.

Answer 3 · 2019-04-08 17:40:28

На мобильных работайте с адаптивом:

Переделайте карусели:

выровнять по центру

а этот блок или убрать или сделать слайдером

Обработчика формы, как и обработки ошибок нет.

На сколько верстка выглядит верной?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт