Библиотеки

WordPress и bootstrap: Адаптивные таблицы

На сайте Центр прав призывника я решил перенести документы с вики на wordpress.

Всё прошло гладко, кроме одного момента: большие таблицы смотрелись криво в адаптивном дизайне.

И я начал искать решение этой проблемы

(далее…)

Bootstrap: Под какие разрешения актуально адаптировать сайт

Анализируя сайты, которые я веду я заметил, что стандартные разрешения сайтов не коррелируются с разрешениями устройств посетителей и я пришел к выводу, что надо что-то менять 🙂

а именно — вместо стандартных разрешений bootstrap использовать кастомные(свои). (далее…)

instafeed.js: Как добавить instagram на сайт без использования сторонних сервисов

instagram — очень активно развивающаяся социальная сеть, основной контент которой картинки и видео. Основной аудиторией соц сети являются девушки до 25.

Сегодня узнаем как сделать на сайте ленту instagram, чтобы посетители были в курсе вашей жизни 🙂  (далее…)

jQuery FullCalendar.js: отключить кнопки предыдущий\следующий для прошлых\будущих дат

В одном из проектов я использую плагин jQuery FullCalendar.js

У меня возникла необходимость запретить открытие будущих месяцев(этого требовал проект)

Как оказалось, сделать это легко:

$('#calendar').fullCalendar({
 	viewRender: function(currentView){
		var minDate = moment(),
		maxDate = moment().add(2,'weeks');
		// Past
		if (minDate >= currentView.start && minDate <= currentView.end) {
			$(".fc-prev-button").prop('disabled', true); 
			$(".fc-prev-button").addClass('fc-state-disabled'); 
		}
		else {
			$(".fc-prev-button").removeClass('fc-state-disabled'); 
			$(".fc-prev-button").prop('disabled', false); 
		}
		// Future
		if (maxDate >= currentView.start && maxDate <= currentView.end) {
			$(".fc-next-button").prop('disabled', true); 
			$(".fc-next-button").addClass('fc-state-disabled'); 
		} else {
			$(".fc-next-button").removeClass('fc-state-disabled'); 
			$(".fc-next-button").prop('disabled', false); 
		}
	}
});

 

jReject: Уведомления об устаревшем браузере

На одном из проектов, который не представлен на этом сайте, решили в скором времени(уже пол года как решили) сделать редизайн.

Для сайта выбран CSS framework Bootstrap, но особенность 3 версии в том, что старые браузеры, например EI<9, не поддерживаются.

Я проанализировал отчёты Я.Метрики за год и понял что доля пользователей с IE<9 достаточно большая.

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

Я решил сейчас пользователей с старым IE предупреждать о том, что он морально устарел и надо обновиться, а в идеале перейти на другой браузер. (далее…)