Архив

Январь 2016

Всего: 13 записей

Выезжание блока transition

15 января 2016CSSНет комментариев

Пример на LESS

.transition(@transition){
	-webkit-transition:@transition;
	-moz-transition:@transition;
	-o-transition:@transition;
	transition:@transition;
}
.type{
	width:299px;
	.type_photo{
		height:299px;
		position:relative;
		overflow:hidden;
		.type_photo_hover{
			.transition(top 0.4s ease-out 0.2s);
			display:block;
			width:100%;
			height:299px;
			position:absolute;
			top:299px;
			left:0px;
			background:@color_blue;
		}
	}
	&:hover{
		.type_photo{
			.type_photo_hover{
				top:0px;
			}
		}
	}
}

css less

413 Request Entity Too Large при загрузке файлов

14 января 2016Unix, WebНет комментариев

В конкретном случае меняются настройки по-умолчанию после установки ISPmanager.

В конфигурационном файле Nginx: /etc/nginx/nginx.conf
необходимо увеличить значение директивы client_max_body_size
После перезапустить: /etc/init.d/nginx restart

[root@mj80 ~]# cat /etc/nginx/nginx.conf | grep client
        client_max_body_size 100M;

Также в конфигурации Apache:

[root@mj80 ~]# cat /etc/php.ini | grep upload_max
upload_max_filesize = 100M

[root@mj80 ~]# cat /etc/php.ini | grep post_max
post_max_size = 100M

Перезапуск: apachectl restart

nginx

jcarousel fade

11 января 2016JavascriptНет комментариев

$('.carousel_left>.viewport').jcarousel({
	animation:{duration:0}
}).jcarouselAutoscroll({
	interval:5000,
	target:'+=1',
	autostart:true
});
$('.carousel_left>.viewport').on('jcarousel:animate',function(event,carousel){
	$(carousel._element.context).find('li').hide().fadeIn(1000);
});

javascript jquery

jquery if radio not checked

11 января 2016JavascriptНет комментариев

$('#form_order').submit(function(){
	if (!$("input[name=delivery]").is(':checked')){
		alert('Пожалуйста выберите способ доставки');
		return false;
	}
	else{
		//...
	}
});

javascript jquery

css: многточие если текст не поместился

11 января 2016CSSНет комментариев

Работает только для текста в 1 строку (с white-space:nowrap;).
Пример на less:

article p{
	display:none;
	&:first-child{
		display:block;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
	}
}

css less

css transition zoom

11 января 2016CSSНет комментариев

.block {
	transition:all .1s ease-in-out;
}
.block:hover{
	transform:scale(1.2);
}

css