참고및공부할곳들

- 참고 및 공부할것 및 읽을거리들을 정리합니다.

- 포켓등에 저장은 하지만 한번에 모아서보기 편할려고 정리합니다.

- 개인적인 용도이긴 하지만 필요한 사람에게는 유용한정보

- 내용은 생각날때마다 업데이트

Redux : Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너입니다.

- http://dobbit.github.io/redux/index.html (한글)

- php-redux : https://github.com/rikbruil/php-redux (composer https://packagist.org/packages/rikbruil/php-redux)

AqueryTool : 온라인ERD 작성할수 있는곳 (한글)

- http://aquerytool.com/

Animate.css : css로만 애니메이션효과사용 (css3) 

- http://daneden.github.io/animate.css/

jqery에서 확장해서 사용하기.

-------------------------------------------------------------------------

일단 아래부분을 공통부분에 추가.

$.fn.extend({

    animateCss: function (animationName, callback) {

        var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';

        $(this).addClass('animated ' + animationName).one(animationEnd, function() {

        $(this).removeClass('animated ' + animationName);

            //callback = 1;

            return callback;

        });

    }

}); 

------------------------------------------------------------------------

그리고 사용할곳에서 적당히 호출 해서 적당히 사용함 콜백필요시 콜백도 사용함.
(본인은 주로 ajax loading 후 컨텐츠에서 사용함)

* 그냥 호출만할때.

$('#comment_box_area').load(url + ' #comment_box_area', function(){

    $('#comment_box_area').animateCss('fadeIn');

    //$('#gotoTop').trigger('click');

    $('html, body').animate({scrollTop : toppos + 'px'},'fast' );

});

* callback포함시엔 대충 이렇게 (아래는 삭제동작시 콜백후 삭제대상을 제거하고 표시할내용이없을시 내용없음표시하는부분)

my.animateCss('animated bounceOut', function(res){

   my.parent().remove();

   if($('#myStarList').find('ul li').length == 0){

      $('#myCnt').html('');

      $('#myStarList').find('ul').append($('#myStarList').find('.no_data_my').html()).hide().fadeIn();

   }

});

jquery BlockUI 플러그인 : 전체화면또는 특정 영역을 블락/해제처리할수있음

http://malsup.com/jquery/block/#demos

(좌) 우상단 공유버튼클릭시 공유하기 레이어생성

(우) 권한없는회원이 글작성시 toast 로 메세지생성(3초후 사라짐)

푸시큐 앱및 api : 푸시앱

http://push.doday.net/api/docs