Ссылка со сложной структурой?

Юпитер Макс,

Бегущая строка?

Только хз работает ли он щас, тот же blink вроде давно отключили

Именно поэтому JS и нужен тут.

P. S. В Blink (на примере Chrome и Safari) пока что тоже работает: https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

Какого размера должен быть psd-макет сайта, чтобы получить реальные размеры?

iminby, макет — полное говно. Так ещё и сделанный хрен пойми как. Вообще без понимания человек делал. Пусть переделывает нормально. Размер должен быть 1:1 к планируемому. Тут нет никакой Retina (x2), потому что экранов с разрешением 2132px (половина от исходных 4264px) не существует в природе. Какой, блин, вообще экран «дизайнер» имел в виду — хрен поймёшь.

Наверное, он не знает, что самое популярное разрешение у десктопов — 1360px. Как максимум, за стандартное разрешение можно взять 1920px, но не больше, потому что все что больше — это не самые распространённые на рынке экраны.

Если он будет говорить, что есть экраны с высоким разе, то, скажите ему, что размер viewport'a не всегда равен разрешению экрана. Так, на моем Macbook с 2880x1800px физического разрешения экрана в браузере стандартное масштабирование системы делает его ~1900px.

Если подгонять макет к 1360px, то все шрифты становятся мелкими и с дробными значениями а-ля 10,94px, т. е. брак изначально. Макет должен быть 1:1. Двойные и другие разрешения (а-ля X2 или X4) — это уже на экспорте надо делать, а не в исходнике. Макет технически неверный. Остальное я даже не изучал.

Ссылка со сложной структурой?

Зачем? Почему? Для чего? :))

Это не тот случай, зачем такие костыли на ровном месте? Это же всего лишь обёртка из ссылки.

Ссылка со сложной структурой?

А как обычно делают на сайтах? Посмотрите и делайте так же. Подсказка: тупо оберните элемент в тег <a> — и всё.

Если это прямая обёртка элементов внутри или если разваливается вёрстка, то надо будет в CSS поставить нужный display (block, inline-block, flex и т. п.) для этого тега.

Какого размера должен быть psd-макет сайта, чтобы получить реальные размеры?

iminby, ширина общая может быть любой. Ширина контентной области есть? Он может быть резиновым, но без макета сложно сказать.

Покажите макет, словом. Тогда будет можно сказать, правильный ли он. Возможно, решили делать в двойном разрешении с какого-то хрена и т. п. Возможно, просто дизайнер ничего не понимает в этом деле и т. п.

Пока что я понимаю так, что макет сделан крайне неверно.

На какие размеры экрана нужно рассчитывать, делая адаптивный сайт?

На все. От 320px, ибо это минимум. 375px — ширина iPhone 6, 6S, 7, 8, X, XS. В районе 360px — ширина viewport стандартного Android-телефона. Поэтому у меня контрольная ширина именно 360px.

Но это не говорит о том, что я делаю под 360px. Адаптивность — это диапазоны. Там нет такого, что чётко 320px или 375px.

Возможно ли запретить прокрутку в iOS Safari с сохранением текущего положения?

Владимир Голубь, хорошее уточнение, согласен, но обычно это входит в состав сброса html, body { width: 100%; }.

Как сделать filter:blur поверх parallax?

Выводить модульное окно за пределы родителя, на который вы вешаете свой фильтр.

Только так.

Есть идеальное для этого решение — backdrop-filter, но оно поддерживается только в Safari.

Как зафиксировать элемент при прокрутке?

Лучше этот:
https://dollarshaveclub.github.io/stickybits/

Он адаптивно делает: если есть поддержка нативного position: sticky, то он его применяет. Если нет, то fixed. И нет зависимости от jQuery.

Можно ли вкладывать теги внутри?

Так-то можно, но насчёт SEO у меня есть вопросы. Касательно влияния тега <small> на индексацию.

Это правильная веб архитектура для сервиса?

Хочу сказать, что нарисованная в Paint логическая схема сделала мой день.

Не смогу подсказать по существу, к сожалению.

Как сделать рейтиг со звездами для IE8?

Кому-то надо дать звезду за использование 10-летнего IE8 (не в укор автору вопроса).

Как сделать такое адаптивное меню на bootstrap 4?

Я знаю, как такое адаптивное меню сделать без Bootstrap, а вы?

Под какие браузеры выполнять верстку в 2019?

Safari с вами не согласен с учётом специфических ему багов.

Где подучиться дизайну интерфейсов?

Никита Гарейшин, под чувством прекрасного я не имею в виду цвета кнопок. Я о том чувстве, что в процессе изучения, тестировани, проектирования и т. д. позволяет не идти заранее неверным путём.

Это что-то типа 6-го чувства для дизайнера, UX-инженера и т. п.

И оно тоже развивается путём практики вне зависимости от того, дано вам это от природы или нет.

Где подучиться дизайну интерфейсов?

Первое что развивать — чувство прекрасного, с этим есть проблемы. Курсы и методы хорошо, но без вашего чутья они есть ничто.

Начните с копирования текущих интерфейсов известных сервисов и т. п. Попробуйте понять, что в них делать удобно, а что нет. Попытайтесь представить, что можно исправить и каким способом.

Ну а по курсам не смогу подсказать, к сожалению.

Подходящая drag and drop библиотека?

https://shopify.github.io/draggable/

Как сдвинуть меню вправо?

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

Это не вопрос не к WordPress, а к вёрстке. Вам скинуть ссылку на учебник по вёрстке, где всё как раз разжёвывается? Навряд ли кто-то будет тут писать ответ с пояснениями на несколько страниц. Это задание больше, чем вопрос.

Почему не отображается значок "content: "\E645"?

Подключите файл шрифта с иконками, укажите в нужном элементе данный шрифт через font-family — тогда и заработает.