Библиотеки — Сёмка Гавриленко

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

01.10.201801.10.2018 by Сёмка

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

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

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

(далее…)

WordPress и bootstrap3: responsive embed или адаптивные видео в статьях

22.10.201722.10.2017 by Сёмка

Я долго разрабатывал сайты на основе wordpress и bootstrap. Сейчас я расскажу как сделать так, чтобы видео смотрелось хорошо в статьях.

(далее…)

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

06.03.201706.03.2017 by Сёмка

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

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

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

04.03.201706.03.2017 by Сёмка

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

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

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

17.09.201506.03.2017 by Сёмка

В одном из проектов я использую плагин 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); 
		}
	}
});

$('#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: Уведомления об устаревшем браузере

14.07.201406.03.2017 by Сёмка

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

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

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

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

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