Ivan Bogachev

css-tricks
smashingmagazine

Антон Мудренок , как вы категорично говорите что никак нельзя... а если очень хочется?

Пусть есть четыре точки



Обычно кривая задается параметрически вот в таком виде



Если произвести нехитрые преобразования получаем более привычные взгляду кубические уравнения относительно t



И аналогично для y(t).

Если мы рисуем только из A(0,0) в D(1,1) (имеется в виду вот такая картинка) - можно упростить полученное уравнение (а еще лучше привести его сразу к каноническому виду, но это уже для автора вопроса задачка)



Тут и начинается собственно алгоритм, который нам нужен:

• Задаем x(t)
  
• решаем кубическое уравнение относительно t (например по формуле Кардано), получаем 3 корня, отбрасываем комплексные
  
• оставшиеся подставляем в уравнение для y(t) - получаем необходимые значения y
  

(Если рисуем из A(0,0) в D(1,1) и координаты остальных точек также от 0 до 1, то всегда будет получаться один корень)

Так что в целом - можно посчитать необходимые значения с достаточно большой точностью

Простота в изучении... Минималистичность; никаких супернаворотов не надо... будет предоставлять какие-то простые, визуально чистые решения для наиболее часто встречающихся задач... Легковесность... предоставляет больше свободы...

Для начала стоит попробовать старый добрый VanillaJS - он как раз под ваши требования подходит.

P.S.: Не сочтите это за юмор, учитывая что

обычно упоминают Bootstrap. В силу отсутствия какого-либо опыта вообще не могу судить хорош он или плох

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

Вы делаете

placing.geoObjects.add(home_point).add('zoomControl');

но zoomControl - это ни разу не geoObject, это control (см. официальню документацию). В этом месте возникает ошибка Uncaught TypeError: child.getParent is not a function, которую сразу видно в консоли. В вышеупомянутой документации есть пример того, куда нужно добавлять zoomControl.

P.S.: Не стоит плодить одинаковые вопросы - это не ускорит получение вами ответа. Более эффективным подходом было бы сразу указать на ошибку, которая возникает и показать на строку, в которой она возникает.

Вероятно вам нужен html2canvas.

Да, видео Sorax`a все еще актуальны. Единственное что стоит помнить, так это то, что в видео про JS он рассказывал все используя ES5, а сейчас в наш мир медленно но верно приходит ES6, т.е. все, что он говорил до сих пор актуально, но немного дополнилось новым стандартом (который можно разобрать как дополнение к предыдущему за пару дней).

В общем случае можно генерировать случайную перестановку для множества из N элементов (в вашем случае 12):

let getRandomPermutation = (n) => {
    let arr = Array.from(Array(n).keys());
    
    for (let i = (n - 1); i > 0; i--) {
        let j = Math.floor(Math.random() * i);
        
        [arr[i], arr[j]] = [arr[j], arr[i]];
    }
    
    return arr;
}

И затем:

let permutation = getRandomPermutation(colors.length);
let temp = colors.slice();

for (let i = 0; i < colors.length; i++) {
    colors[i] = temp[permutation[i]];
}

У вас получается отсортированный в случайном порядке массив цветов. Если нужно начать сначала - генерируете перестановку заново и круг замыкается. Разумеется можно не генерировать перестановку отдельно, а сразу сортировать нужный массив - здесь я разделил для наглядности.

codepen.io/sfi0zy/pen/yVOMmK?editors=0012

Почему бы не добавить type="number" к вашему инпуту и не поиспользовать уже готовый функционал (вместо того, чтобы придумывать свой велосипед)? codepen.io/sfi0zy/pen/YpXgeM

Так как Java script это мейнтсрим

JavaScript - это то, что будет работать в браузере у клиента. Все языки вроде CoffeeScript, ClojureScript, Dart, TypeScript и.т.д. транслируются в JavaScript. Таков мир.

какие минусы выше перечислинных технологий относительно JS

Не всякий JS разработчик захочет учить тот же самый Dart. В остальном - минусов особых нет, вы просто пишете на "другом" языке, а дальше система сборки за вас все делает сама.

Какая разница между UI который можно создать на GWT и JS ?

Никогда не использовал GWT, но возвращаясь к пункту 1 - все, что умеет JS вы в любом случае имеете в том или ином виде, следовательно разницы никакой.

повлияет ли это на скорость загрузки станиц

Если и повлияет, то незначительно.

стоит ли влаживать время для изучения одного из них ?

Стоит ли познакомиться с еще одним языком? В общем случае ответ положительный. Тем более что все эти языки достаточно простые и первое знакомство займет 2-3 дня максимум.

Как верно заметила Ankhena W решение на чистом CSS вполне работает. Но стоит помнить, что это действие должно происходить не только на :hover, но и на :focus (есть люди, работающие с клавиатуры). Соответственно к элементу, на который вешается hover и focus, скорее всего будет нужно добавить tabindex = 0, чтобы дать этим людям возможность перемещаться по вашим элементам с помощью tab. Пример с плавным появление дополнительной информации: codepen.io/sfi0zy/pen/KNwZGE?editors=1100

Скрипт от Google Analytics выполняет запрос по адресу
https://www.google-analytics.com/collect?....
где вместо многоточия что-то около 20 параметров, включающие в себя все то, что смог собрать этот скрипт. Соответственно на стороне сервера к этой информации уже добавляется IP адрес (сервер в любом случае знает откуда этот запрос пришел) и все вместе уже сохраняется в вашу статистику. Другие подобные сервисы действуют аналогичным образом.