Danny Arty

#result{
    font-size: 30px;
    color: #fff;
    border: 1px #000;
    border-radius: 10px;    
    background-color: #ff715b;
    border-style: none;   
}
#result:not(:empty) {
    padding: 10px;
    box-shadow: 5px 5px 5px #e4887a;
}

Все верно вам написали в комментарии - в окне создания документа будет указываться его потенциальный "вес" .
Данное число прямо пропорционально размеру изображения.
На итоговый "вес" при сохранении изображения влияют несколько факторов:
1) Конечно же размер изображения в пикселях
2) Исходный формат изображения. У каждого формата свой метод сжатия
3) Количество слоев, глубина цвета, количество деталей и т.д

1) Имхо удобно использовать псевдонимы (alias), если используете join-ы
3) Если хотите указать на столбец определенной таблицы, то синтаксис будет такой: название_или_псевдоним_таблицы.название_столбца, т.е. через точку, а не как у вас через пробел тут (transaction account_id)

SELECT tr.account_id , ac.first_name, ac.last_name, ac.birth_name
FROM transaction as tr
LEFT JOIN account as ac ON ac.id = tr.account_id
GROUP BY tr.account_id 
HAVING COUNT (tr.account_id) >= 10;

Способов много.

С помощью переменных шаблона.
Подробнее тут

1) Подробнее тут
Там написано, что

A DOCTYPE must consist of the following components, in this order: string that is an ASCII case-insensitive match for the string !DOCTYPE"...

, то бишь без учета регистра

2) Во-первых, en, а не eng. Во-вторых, имхо глупо объявлять основной язык страницы английским, когда на деле весь контент, условно, на русском. Почитайте для чего его(язык) указывают и поймете, что так, как в вашем вопросе, делают только "опытные" разработчики.

3) Браузер загружает HTML постепенно и, если он видит тег script, то он должен выполнить его и только после этого загружать контент, находящийся после. Чтобы частично избежать задержки показа контента, скрипты помещают в конец страницы. Заметьте, это только частично решает проблему, если скриптов не много и они не тяжеловесные. Далее советую почитать про атрибуты async и defer и разницу между ними.

4) По стандарту HTML5 одиночные теги закрывать не нужно, это спецификация XHTML. Но валидатор на это ругаться не будет, так что тут уж как душе хочется.

Попробуй отключить open_basedir. Надо указать "none"

const arr = [1,2,2,2,4];

function occurrence(array){
   return array.sort((a,b) => 
      array.filter(v => v===a).length - array.filter(v => v===b).length
   ).pop();
}

occurrence(arr); //Вернет 2

Вместо

function printCountry (response) {
    console.log(response)
}

укажи это

function printCountry (response) {        
    let result = response[0];
    let a_keys = ['name', 'region', 'subregion', 'capital', 'flag'];
      
    a_keys.forEach(function(el) {
        $('#' + el).text(el == 'name' ? result.name.common : result[el]);
    });      
}

document.getElementById('loader').animate({width: '100%'}, 500);

Наверное имеется в виду Textolite

$('.acor-title').click(function() {
     $(this).toggleClass('active').next().slideToggle();
     $(this).closest('.acor-item').toggleClass('какой-то класс');
});

Hidden-инпуты для защиты от спама - это фигня. Больше половины ботов раскусят.
Я на многих сайтах ставлю довольно простую защиту, которая отлично работает.
Добавь в форму какой-нибудь текстовый инпут и скрой его стилями, но НЕ ЮЗАЙ display: none;, visibility:hidden;, opacity:0;, так как многие боты и это раскусят.

Например input с name="copyemail":

<form action="">
	<input type="text" name="copyemail" placeholder="Email для копии">
	<input type="text" name="name" placeholder="Имя">
	<input type="email" name="email">
	<button type="submit">Отправить</button>
</form>

и стили для него:

input[name="copyemail"] {
    display: block;
    width: 2px;
    height: 2px;
    margin-bottom: -2px;
    border: none;
    padding: 0;
    opacity: 0.01;
}

И дальше уже на сервере проверяешь:

if ($_POST['copyemail']) {    
    //Это спам! Делаем вид, что сообщение отправлено.
    die('Ваше сообщение отправлено');
} else {
     //Все норм. Метро Люблино, работаем
}