animation-fill-mode: forwards поможет. Это заморозит анимацию в её конечной точке.animation-iteration-count: infinite.
background, а под «Новости» и «Все новости» подложить фон того цвета, которого обычный фон. Минусы: не подходит для сложных фонов, фигово переноситсяfloat: left, «Все новости» — float: right, после них блок с display: block, он сам займёт всю ширину между ними. Ему задать высоту и поставить линию на фон или бордером. Минусы: фигово переносится.display: flex, разделитель в отдельный блок, ему flex-grow: 1. Минусы: поддерживается только новыми браузерами.
class="image", а события вы слушаете на $('.images') (лишняя s в конце).
id может быть уникальным на странице и для этого лучше использовать классы.<form>
<div class="some-class">text1</div>
<div class="some-class">text2</div>
<div class="some-class">text3</div>
</form>function getElemContent(i) {
return document.querySelectorAll('.some-class')[i].innerHTML;
}<a onclick="changeButtonsBackground()">Home</a>event, который можно будет использовать так:function changeButtonsBackground(event){
event.target.style.backgroundColor="#8e58a3";
}.navMenuItem.active {
background-color: #8e58a3;
}function changeButtonsBackground(event){
event.target.classList.add('active');
}var usersWithLikes = {};
thumbsUp_data.forEach(function(data) {
data.users.forEach(function(value) {
// Если переменная пуста, положим туда 0
usersWithLikes[value.id] = usersWithLikes[value.id] || 0;
// Прибавим лайк
usersWithLikes[value.id] += value.like;
});
});
// На выходе получился хеш. Если надо именно массив, можно сделать так:
usersWithLikes = Array.prototype.slice.call(usersWithLikes, 0);