Евгений Петров

Сниппеты страниц
Что такое Яндекс.Справочник
Результаты поиска: ДОМ.RU, Россия, Ярославль

В названии XMLHttpRequest недвусмысленно указано, что AJAX-запрос можно отправить и получить ответ только по протоколу http. Открыв файл с локального компьютера двойным щелчком в браузере, вы используете протокол file.

Для проверки вашего кода нужен сервер (или его эмуляция на локальном компьютере).

Использовать относительные адреса
/catalog/view/theme/default/stylesheet/blog.css
Ни один здравомыслящий браузер не даст вам загружать небезопасный контент для документа, чья политика происхождения включает протокол https.

Тут даже регулярок не нужно с их мощным exec

var params = location.hash.slice(1).split('&'),
	result = {};

for (var i = 0; i < params.length; i++) {
	var _result = params[i].split('=');

	result[_result[0]] = _result[1];
}

А зачем вы в hash типичные GET-параметры передаёте?

Update: обновил для фанатов JSLint:)

UX
Любой проект начинается с проектирования. Для крутых проектов, когда у проектировщика нет возможности въехать, может потребоваться помощь бизнес-аналитика. Увы, в России таких людей крайне мало, так что это — редкость. Впрочем, и проекты такого рода — тоже редкость.

Часто в компаниях эту функцию выполняет:
Дизайнер
Так в России называют тех, кто умеет воплощать в картинках замысел. Даже если дизайнер не занимается проектированием, он должен изучать эту область.

Однако, если проектировщика нет, а дизайнер пока не в состоянии делать это сам, то вся надежда на:
Фронтенд
Человек, который будет реализовывать сложные взаимодействия, разработанные проектировщиком (или дизайнером, или им же самим). Без знания JS и ряда библиотек никому не интересен. Просто HTML и CSS уже редко кому требуются, только если работать на подхвате у фронтенда.

Если и фронтенд не может проектировать, то уже совсем слабая надежда, что это сможет
Бэкенд
В этом варианте преимущественно получаются программерсонли решения. Работу бэкенда оценить бывает не просто трудно, а очень трудно, в отличие от фронтенда, работу которого могут оценить обычные люди (правда, критерии у обычных людей весьма странные и неожиданные).

Ну и совсем невероятно, что проектирование сможет провести:
Менеджер
Его функции могут сильно варьироваться, от организации команды, до отбивания от клиентов (например, когда всё упало). Даже если не умеет проектировать (а кто в здравом уме от него это ожидает?), в стартапе он нужен. Практика показывает, что технические специалисты часто увлекаются деревьями, а лес идёт лесом.

А вот и он — человек с большой буквы Б:
SEO
Сделать проект — только начало. Потом на него нужно приводить клиентов, а значит, требования SEO должны учитываться всеми и с самого начала.

Для продвинутых
Администраторы серверов (а то напридумывают всякое, а оно вызывает то самое падение)
Писатели (контент становится очень важен)
Тестировщики (чтобы косяки не всплыли после выхода продукта)
Контент-менеджеры (кто будет лопатить тонны текста и графики)
Возможно, технические дизайнеры с перспективой роста
Ну и далее, вплоть до милых фей в баре, которые всегда нальют горячее кофе

Применял Illustrator и Inskape

Причина тут

div.container.wrap-slider{
	margin-top: -120px;
}

Update: Почему разработчики не могут прочитать спецификацию? А окружающие начинают придумывать костыли. Я бы задумался, почему нужно подвинуть на 120 пикселей, если ровно такое же значение у отрицательного margin.

При клике на кнопку и выставления visibility в visible
$('ваше_поле').trigger('focus');
Кстати, а как вы собирались решить проблему, если:
— невозможно передать фокус скрытым элементам (display:none, visibility:hidden, disable)
— любой клик в документе снимет фокус, даже если он был на поле?

На заметку — opacity даёт возможность передать фокус, даже если значение 0.

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

Вопрос — а как вы на PHP собираетесь узнать содержание функции, прописанной в клиентском скрипте?

Информацию об объекте лучше хранить в нём же самом. Для этого используем data() (это не совсем одно и то же, что dataset). То есть все найденные позиции мы сохранили data('position', 'найденное_значение'). Цикл по уже когда-то найденной коллекции LI.

Куда же сохранить флаг об изменении элемента?)) Я думаю, вы уже догадались — например, data('changed', true).

var li = block.find('li'); //Нашли только 1 раз

$(window).on('scroll', function (e) {
	var scrollTop = $window.scrollTop(); //Вычислили только 1 раз

	li.each(function () {
		var $item = $(this);

		if($item.data('position') >= scrollTop){
			$item.addClass('active');
		} else {
			$item.removeClass('active');
		}
	});
});

Вы производите много абсолютно лишних действий:
— постоянно определяете прокрутку (надо только 1 раз)
— постоянно находите LI в цикле (надо только 1 раз)
— в каждой итерации пробегаете по всем найденным LI, меняя класс им всем (итого на круг выходит LI в квадрате)

Смотрите, например, в Excel. А-Я стрелка вниз. Я-А стрелка вверх.

Пример codepen.io/cleric/pen/mfyaE
Самый простой способ — просто повернуть сам холст. Так сделано для второго эллипса.
Если же поворачивается добавочный элемент, как у третьего эллипса, то нужно просто применить матрицу поворота.

Что лишний раз доказывает, что линейная алгебра, матанализ и прочая математика — вовсе не только удел геймдева.

Для неразрывных строк всё просто

... {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

Для нескольких строк, увы, всё куда хуже.

Для webkit есть правило -webkit-line-clamp, позволяющее задать количество строк. Естественно, white-space не нужен.

Для остальных это всегда будут эмуляции — либо JS-решения, либо абсолютно позиционированная псевдобласть (чаще всего ::after) с многоточием.