AngReload

Пишет, что такой функции нет.
Проверьте правильно написано имя функции, порядок подключения файлов \ модулей?

var sliderAdded = false;
$(window).resize(function(){
  if (!sliderAdded && $(window).width() <= 1024px) {
    addSlider();
    sliderAdded = true;
  }
}

Для этого есть css animation. Ну, или банальней transition, уж непонятно что именно у вас анимируется.

Это делается на "раз".
При чем тут какиет-то наименования, наименования категорий? Страницы - это страницы в web? те всего 2000 * 50 страниц?
Это дополнение для браузера? Node.js? Или без разницы, главное вытащить из сайта таблички?

Видел костыли такие:
https://msdn.microsoft.com/ru-ru/library/ie/ms5307...
Но я такое еще не умею.

Стандартное свойство от браузера?

1. Вам нужно удалять символы не удовлетворяющие регэкспу /[a-zAZ]/
Тогда по событию canage -строку-содержимое input разбивть по буквам в массив, потом filter с регуляркой, потом склеить массив в строку и вернуть в input.

2. Вам надо делать автозамену в другуую раскладку клавиатуры
Чуть сложнее, вместо фильтра map с функцией замены по словарю.

Если непонятно, могу привести код.

habrahabr.ru/post/60420

Зачастую при вводе текста идет анализ, если идет ввод с ~постоянной скоростью печати ничего не делается. Если задержка до слндующего введенного символа превышает предыдущие в N раз - выполняется обработка запроса.

Как красиво реализовать живой поиск?

Можно еще немного обмануть пользователей анимацией всплывания уточненных ответов вверх по списку.

Усли очень хочется на CSS, то вот так:
HTML
<li class='user-image' name="vasya_pupkin"></li>

CSS

.user-image
{
    content: attr(name);
    background-image: url('/photos/'attr(name)'.png');
}

Но это эпическое зло.

Лучше уж так:
HTML

<li style="background: url(/photos/vasya_pupkin.png);">vasya_pupkin</li>

для сферической задачи в вакууме, а мне нужен инструмент для решения конкретно поставленной задачи.

Специально скрываете конкретную информацию?

В настройках браузера шрифт настраивается.

Я прошел HtmlAcademy, и после этого у меня отпало всякое желание связываться подобными обучайками.
Неудобный редактор кода, задания типа сверстай котиков из мозайки пиксель-в-пиксель пользуясь только css-свойствами top и left, плюс невероятный по глючности IE 6 на сервере для сравнения результата.
Ничего нового подчерпнуть не удалось, но зато какая-никакая практика.

.button {
    width: 239px;
    height: 55px;
    border-radius: 50px;
    border: solid 3px #adc21b;
    background:
	repeating-linear-gradient(
		45deg,
		#666, #666 5%,
		transparent 5%, transparent 50%,
		#666 50%, #666 55%,
		transparent 55%, transparent 100%
	),
	repeating-linear-gradient(
		-45deg,
		#666, #666 5%,
		transparent 5%, transparent 50%,
		#666 50%, #666 55%,
		transparent 55%, transparent 100%
	);
    background-size: 10px 10px;
}

Но, по моему тут можно было сделать проще.

Скажите, м-р Бэббидж, а если вы введёте в машину неправильные данные, получится ли правильный ответ?

Нахожу ваш вопрос очень похожим.

Вам на лайвхакер.

Недавно был такой же вопрос
Можно ли на Css сделать такой эффект?