Full-R

Совсем скоро эти макетики с фиксированной шириной сдохнут наконец-то. Зачем делать себе портфолио из того, что уже не работает? Верстать вы конечно научитесь, но чуть позже поймете что ни графический дизайнер, ни макет не нужны. Все это можно клепать на ходу вектором и CSS. Как плюс могу отметить, что не нужно переживать за соответствие заданному. Просто создаете на ходу и структуру и дизайн. Смысл в этом такой, что дизайнера "программа" работает только на зрение. Если же вы умеете создавать нормальный UI\UX - он прекрасно связывается и с рендерингом. Такой шаблон продали и он работает то

<img srcset="elva-fairy-320w.jpg 320w, elva-fairy-480w.jpg 480w, elva-fairy-800w.jpg 800w" sizes="(max-width: 320px) 280px, (max-width: 480px) 440px, 800px" src="elva-fairy-800w.jpg" alt="Elva dressed as a fairy"> Ну и кому это нужно? Вот так работать становится неоправданно дорого что по времени что по затратам на ПО. На это есть тысяча и одна причина. У нас один кэш и ни кому не нужно 300 версий. Так зачем же мы будем делать под разные разрешения?

IE 11 никто не делает, а в Газпром вас не возьмут 😉 Никто уже не сможет оплатить такую работу по поддержке. <div></div> <svg id="svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1140 87"> <defs> <filter id="shadow"> <feDropShadow dx="0" dy="5px" flood-color="#1B0C42" flood-opacity="50%" stdDeviation="3" /> </filter> </defs> <path d="M 0 60 C 0 60 283 87 427 43.5 C 427 43.5 855 -60 1143 60 L 1143 0 0 0 Z" style="stroke:none;fill:rgb(54, 40, 124);filter:url(#sha

Но изымать то у всех у кого он уже куплен по 3$ они не будут...

Тестовое задание? Если вы уже на этом зарабатываете, лучше делайте как получается. Если же хотите стать современным и дальновидным разработчиком вернитесь и дорисуйте. У boxy есть видео на официальном сайте. Вы с эти макетом далее попадаете скорее всего на ковейр очередной студии, где мозги не нужны, а работают по старинке не моя руки после того как какали. Хоть и макет неплохой.

Билять... Как утомило это говно головного мозга под названием media-queries. Уже просто потряхивать начинает. Просто берите максимальное разрешение, а размеры указывайте во view port единицах. Никому ведь больше не нужны сраные извраты с лестницами.

Либо рисовать другим инструментом, либо объединять в shape. Это можно сделать из прямоугольника. Просто добавляй точки и искажай как удобно. Для заливки есть fill. Это то же самое что и background-color.

Сможет ли этот человек сделать волну по задумке дизайнера 1 в 1? Они же с говном людей едят даже за микроскопическое несоответствие. Выложите PNG без тени - я вам помогу.

Это не правильно. Ваше изображение до сих пор не векторное так как вы вложили закодированное PNG внутрь SVG файла. Чтобы изображение хорошо расширялось нужен векторный подход. Попробуйте прогнать PNG вот тут(тень нужно предварительно убрать, а потом накинуть фильтр drop shadow). Я иногда использую этот сервис для преобразования готовых графических файлов с прозрачностью. Лучше всего отрисовать волну с заполнением самому. Размер файла будет приятно мал, а все остальные эффекты можно делать фильтрами и через CSS. Цвет например можно менять динамически.

Без изображений не стоит, нужно 2 радиуса и куча умственных извращений. Сделайте SVG(Рисуем SVG с Boxy - Графические редакторы - Учим делать сайты. HTML форум. (htmlforum.io)). Попробуйте картинки перегнать в SVG, а тень можно сделать фильтром drop shadow.

А не могли бы вы правильно оформить ваш исходный код в сообщении, а не скриншотами?

Не хочу ваш устаревший XHR переделывать. Вот тут посмотрите: Не срабатывает цикл for - ECMAScript - Учим делать сайты. HTML форум. (htmlforum.io). Alert не делайте. Есть console.log и promt.

Async + await. Нужно ждать, когда request обработается, а только потом что-то делать с value. Какая-то микросекунда буксует. Также state для submit не хорошие.

Давайте я вам приведу нормальный пример из того же JavaScript, но более раннего поколения, где можно адекватно проследить смысл. Obj = { get future() { return null; }, set data( a = true ) { } }; У гетера нет аргументов. Он как бы и не нужен, но приколу всем у кого JavaScript головного мозга и эйфория от высокого ООП, а сетер ни чего не возвращает. Это можно использовать для смысловой подсветки кода, если вам это нравится. Лично мне, тот class, который вдрочили в ECMAScript с большим опозданием показался гораздо глупее литерал объекта, который умеет делать p

Не хотите попробовать view port units? VW и VH ... Calc можно избежать. Проблема в том, что он здесь неуместен. Вы создаёте слишком много не привязанных к разметке секций. Не хотите так же попробовать создать сразу же контейнеры для контента вместо одиночного элемента и сделать деление на визуальные секции с помощью border свойств? Это даст вам возможность менять разметку в любое время.