Author Archives: bullgare

Анимация в вэб под меню Windows 8

http://flippinawesome.org/2013/04/15/creating-windows-8-like-3d-animations-with-css3-and-jquery/ демо — http://blog.sarasoueidan.com/windows8-animations/demo/index.html

Иконки сайтов в трее Windows 7 и Windows 8

ВОт как сделать закос под приложение с ie 9+: http://www.buildmypinnedsite.com/ http://www.buildmypinnedsite.com/windows7/en

Yii: работа с множественной загрузкой фото

04, 14, 2013
bullgare
php
Комментарии к записи Yii: работа с множественной загрузкой фото отключены

Для генерации превьюшек разных размеров понадобится http://www.yiiframework.com/extension/image/ (В описании установки есть ошибка: CArray.php нужно скопировать в корень protected/components проекта). Постановка Задача такая: Есть разные объекты разных классов (для примера, квартиры и многоквартирные дома), каждый из них может иметь неограниченное количество фотографий. Все фотографии представляются объектом Photo, а принадлежность к разным типам объектов зависит от атрибута …

Nginx 500 file upload

При попытке загрузить файл выдаётся 500 и логи пусты? В конфиге nginx достаточно дописать

client_body_buffer_size 10M

1	client_body_buffer_size 10M

Поздно ночью долго соображаешь(

Сжатие картинок

http://www.smushit.com/ysmush.it/ Сжимает PNG32 очень хорошо.

Отложенная загрузка скрипта в jQuery

	function cachedScript (url, options)
	{
		// allow user to set any option except for dataType, cache, and url
		options = $.extend(options || {}, {
			dataType: "script",
			cache: true,
			url: url
		});
		// Use $.ajax() since it is more flexible than $.getScript
		// Return the jqXHR object so we can chain callbacks
		return jQuery.ajax(options);
	}

function cachedScript (url, options)

{

// allow user to set any option except for dataType, cache, and url

options = $.extend(options || {}, {

dataType: "script",

cache: true,

url: url

});

// Use $.ajax() since it is more flexible than $.getScript

// Return the jqXHR object so we can chain callbacks

return jQuery.ajax(options);

}

(чтобы скрипт кэшировался) http://jqapi.com/#p=jQuery.getScript

Наблюдение за изменениями части DOM-дерева

04, 05, 2013
bullgare
javascript
Комментарии к записи Наблюдение за изменениями части DOM-дерева отключены

// select the target node
var target = document.querySelector('#some-id');
  
// create an observer instance
var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    console.log(mutation.type);
  });    
});
  
// configuration of the observer:
var config = { attributes: true, childList: true, characterData: true };
  
// pass in the target node, as well as the observer options
observer.observe(target, config);
  
// later, you can stop observing
observer.disconnect();

// select the target node

var target = document.querySelector('#some-id');

// create an observer instance

var observer = new MutationObserver(function(mutations) {

mutations.forEach(function(mutation) {

console.log(mutation.type);

});

// configuration of the observer:

var config = { attributes: true, childList: true, characterData: true };

// pass in the target node, as well as the observer options

observer.observe(target, config);

// later, you can stop observing

observer.disconnect();

https://developer.mozilla.org/en-US/docs/DOM/MutationObserver

CSS3-animation с AngularJS

http://www.youtube.com/embed/cF_JsA9KsDM Вот подробнее в текстовом варианте — http://www.yearofmoo.com/2013/04/animation-in-angularjs.html

Watch angular attrs and scope

attrs.$observe и $scope.$parent.$watch Подробнее:

Сравнение двух массивов в javascript

function arrays_equal(a,b) { return !(a<b || b<a); }

1	function arrays_equal(a,b) { return !(a<b \|\| b<a); }

http://stackoverflow.com/questions/3115982/how-to-check-javascript-array-equals