Full-R

Без изображений не стоит, нужно 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 с большим опозданием показался гораздо глупее литерал объекта, который умеет делать protected поля и работает с теми же Set и Get. Он и расширяется проще и работает мудрее в плане интеграции генераторов, если они нужны или стрелочных функций, когда this не нужен.

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

Попробуйте по другому. CSS repeating-linear-gradient() function (w3schools.com)

Дело не в гетере и сеттере. Тут все надо переделывать. Вам пока нельзя extend. Поймите когда это нужно, а когда нет.

Не хочется вас обидеть, но надо не в Minecraft играть, а учиться верстать дальше. Отвратительный тупой говнокод. Ошибка в том, что вы задали height для всех элементов и верстаете под один экран. .module-slider-background > img { position: absolute; background-attachment: fixed; width: 1903px; -o-object-fit: cover; object-fit: cover; opacity: 0; -webkit-animation: anim 120s linear infinite; animation: anim 120s linear infinite; }

Вы это в браузере собираетесь выполнить? Этот язык не поддерживается интерпретатором ECMA Script.

Лицензий множество. Формальная рекомендация в подвале указывать ссылку на источник и стандартный копирайт обычно не работает с юридической точки зрения так как многие моменты и пункты не согласованы. Может быть множество авторов на одном ресурсе. В данном случае это фактически присваивание информации владельцу домена. Хорошие лицензии, как правило, описывают эти моменты и многие другие детали, а также реально работают. Например DMCA(есть даже пункты ассоциированные с порно контентом) или Creative Commons. Электронная книга или бумажное издание должно иметь ISBN для того чтобы подобное имело силу. Автор книги мог брать информацию по всему "свободному" Web. Например, MDN, которая размещает спецификации и материалы для старта разработки. Вот тут написано все про лицензию MDN. Часть контента может быть обычно переработанной в духе рерайтера не очень ценной информацией, а также может включать личные умозаключения авторов. По сути переработка сниппетов и рерайтинг смысловой части не особо запрещены.

Core UI v.2.0.2.0. Добавили Progressive Web Application для UI с обработчиками установки. В manifest.json надо поменять названия и иконку по желанию на свои. Работает само по себе: есть, пить и 5000 рублей не просит ;) Легко настраивается и ставится на Андроиды с Windows. Буду признателен, если кто протестит на iOS. Дизайн вкладок улучшен: Модальное окно теперь можно не просто таскать по экрану, оно еще и меняет размер. Поскольку допилил все что хотел буду пробовать подцепить через браузер терминальную сессию Linux для того чтобы создать UI интерфейс к Linux серверу прямо из браузера(для RevolveR CMF). Для дистра добавлена подпись MD5 чтобы удостовериться что архив не сломался в полете. Обновление интерфейса RevolveR CMF на днях. UI свежее, но в систему пока не интегрировано до конца. Скачать: https://xcmf.net/

Все работает для любых элементов кроме input type="submit". Вот пример: .test { background: linear-gradient(to left, #feffe800 0%, #c3c3c3e6 100%); transition: all 1s ease-in-out; background-size: 20% 100%; display: inline-block; } .test:hover { background-size: 100% 100%; } Здесь плавает только background-size. Что не так делаю? Это в браузере не допилено или я туплю где-то?

Здравствуйте. Спасибо, что сообщили про сломанный архив. Проблема была в backup системе сервера. Перезалито и добавлена подпись MD5. Штатное обновление системы не ломает уже установленные сайты так как подпись не проходит проверку. GitHub использовали раньше, но c недавнего времени он сломался из-за повышенных настроек безопасности и мы не рискуем устанавливать его. Вот здесь писал про подобную проблему(время тяжелое: нельзя даже платному софту доверять. Ломают все что есть, а потом работать невозможно). Если будет достаточно времени напишем свою легкую систему контроля версий, а пока приходится работать на локальной SVN.

Ни какого промиса ни что ни когда не возвращает, если оно не говнокод. У слабых программистов моцк то маленький, они бы все промисами писали и всю жизнь бы думали что это кто-то возвращает. Вот пример fetch без promise(также любой код можно разложить на async и await) // Modern Fetch future RR = { fetch: async ( u = null, m = 'get', d = 'text', e = null , f = null, preview = null ) => { // Configure let p = { credentials: 'same-origin', mode: 'same-origin', redirect: 'follow', referrer: 'client', cache: 'default', method: m }; /*if( [ 'POST', 'PUT' ].includes(m.toUpperCase()) && f ) { p.body = (RR.formData) ? RR.formData : d; } */ // Perform (async (r, e, d, v, p, u) => { // Stage 1 //RR.screenPosition(.2, 1, true); if( r.ok ) { let g; switch( d ) { case 'json': g = await r.json(); break; case 'text': default: g = await r.text(); break; } // Stage 2 //RR.screenPosition(.4, 1, true); // Detach all events /*if( e ) { RR.detachEvents(); }*/ // Stage 3 //RR.screenPosition(.6, 1, true); delete RR.formData; // Stage 4 //RR.screenPosition(.8, 1, true); /*if( v ) { // Stage 5 //RR.screenPosition(1, 1, true); RR.callback(g, v); }*/ } })(await fetch( new Request(u, p) ), e, d, f, preview, u); }, }

Можно вот тут посмотреть со стандартной темой.

Само отображение неплохо за исключением меню. Чуть чуть не доделаны хэндлер поля поиска и переключения языка. Не закончены увеличения изображений. Чувствуется какая-то проблема с наследованием классов и именованием. Либо BEM лишний, либо BEM не до конца. PX лучше не использовать. VW и VH позволяют экономить кучу времени на подгонку к разрешениям экранов не используя media-queries.

Конечно используется. Я же написал, что часть обвязки CMF. На фреймворк UI покрашено в 4 цветовые схемы для каждого времени суток, которые переключаются сами.

Аргумент сам по себе не становится функцией. Он и есть функция 🙂 return fetch(url) }).then(response => response.json()) Then работает для любых функций вообще. Не только для fetch. Здесь результат fetch(url) превращается в response после ожидания, как аргумент функции, а дальше работает response.json().

Приветствую. Долгое время я втайне лабал библиотеку front-end, которая пришла бы на замену всех инструментов, которые мне нравились. Чуть больше 100кб кода заменяют мне и jQuery и React. В библиотеке есть готовые UI\UX компоненты для создания web сайтов и продвинутых интерфейсов, а также мощное API для работы с DOM, динамическими запросами и CSS анимацией(почти все возможные easing и свойства CSS). Core создано на ECMAScript 7. В библиотеке UI слайдер, плавающие вкладки, плавающее меню с поддержкой мобильной платформы, сворачиваемые элементы и украшательства форм. Раньше RevolveR front-end Core была частью RevolveR CMF, но меня попросили отдать библиотеку людям отдельно от back-end. Увидеть как работает UI\UX можно здесь. Полное описание API можно найти тут. Предложения по улучшению принимаются. Скачать дистрибутив можно тут.

Promise - JavaScript | MDN (mozilla.org) Если не понимаете, то используйте async и await вместо promise и then. Углубляемся в JavaScript: всё ли может async/await, или когда использовать Promise (tproger.ru)

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

Обычно это не требуется. На асинхронных функциях время от времени хорошо создавать promise чтобы избавиться от then функций и оптимизировать код. > Ахахх. Сказал местный сумасшедший)) Дебил.

Можно вот так: img { display: block; } Wrapper лучше не терять. Развалится в другом месте чуть попозже. position relative можно сразу на body делать, чтобы потом не забывать.

Всегда требовались и будут требоваться. Направление неплохое. Я еще много чего не перечислил 😉