HTML, CSS - бесусловно, для веб-приложения нужны
AJAX как средство подгрузки данных - подойдет
MYSQL как БД - вполне подойдет
Выбор языка программирования особо не важен, так как его задача по большому счету делать запросы к БД и формировать HTML ответы. PHP вполне подойдет, если вы его знаете.
ИМХО.
Такое может быть если у человека выключены скрипты... но...
Я кликаю на вторую кнопку - картинки переключаются, кликаю снова на первую...
И исходная картинка не возвращается.
Что-то напутали в скриптах.
Предположу такой вариант.
У вас грузятся скрипты в следующей последовательности:
1) jquery
2) scripts
3) mask
Внутри scripts есть установка маски на некоторые поля.
Попробуйте перенести загрузку mask.js выше scripts.
Можно так - codepen.io/anon/pen/gwEZmE но становится мыльно (добавил transform: translateZ(0); к .side-fixed-block).
Добавил transform: translateZ(0) в .side-fixed-block в качестве "хака" для хрома чтобы включить графическое ускорение. Не уверен что это правильно.
Если картинка квадратная, то, возможно, получится еще такой трюк - два градиентных бордюра под 90 градусов друг к другу, состоящий из цветов - прозрачный-цвет-прозрачный.
Если у вас все сайты работают на одном сервере - вы можете просто "инклудить" общий файл с html кодом меню.
Другой вариант - подключение javascript из единого места для вывода меню.
Третий вариант - то же что и первый, но сайты работают на разных серверах и html периодически синхронизируется.
Вы открыли html файл локально с файловой системы.
Путь до спрайта у вас прописан как /img/stance.png
Браузер его ищет в C:\img\stance.png
Зальете на хостинг - путь будет коррентным.
Если хотите тестировать локально - замените /img/stance.png на img/stance.png
Сами то представляете что начнется твориться в сети, если это стало бы возможно...
Некоторые сайты отлавливают движение мыши и при резком уведении курсора вверх предполагают что пользователь собрался закрыть вкладку.