반응형
반응형

2048

A small clone of 1024, based on Saming's 2048 (also a clone).

Made just for fun. Play it here!

The official app can also be found on the Play Store and App Store!

Contributions

Anna Harren and sigod are maintainers for this repository.

Other notable contributors:

Many thanks to rayhaanj, Mechazawa, grant, remram44 and ghoullier for the many other good contributions.

Screenshot

Screenshot

That screenshot is fake, by the way. I never reached 2048 :smile:

 

A small clone of 1024 (https://play.google.com/store/apps/details?id=com.veewo.a1024)

 

 

반응형
반응형
[instagram] 인스타그램 feed 가져오기

 

 

클라이언트 아이디를 생성한다.   https://www.instagram.com/developer/clients/manage/

 

 

플러그인 할 javascript 다운로드 한다.  http://instafeedjs.com/ 에서 instafeed.min.js 다운로드.

 

<script type="text/javascript" src="path/to/instafeed.min.js"></script>
     

Here's how easy it is to get all images tagged with #awesome:


<script type="text/javascript">
    var feed = new Instafeed({
        get: 'tagged',
        tagName: 'awesome',
        clientId: 'YOUR_CLIENT_ID'
    });
    feed.run();
</script>
      

Instafeed.js with automatically look for a <div id="instafeed"></div> and fill it with linked thumbnails. Of course, you can easily change this behavior using the standard options. Also check out the advanced options and the section on templating for additional customization.

 

* Access Token을 받아라. : http://instagram.pixelunion.net/

 


* 참고 : http://blog.naver.com/gocathy/220334207507

반응형
반응형


카카오톡 링크 공유하기 레퍼런스 : https://dev.kakao.com/docs/js-reference#kakao_link



모바일웹에서 카카오톡 링크 공유하기하면 url이 있어도 미리보기가 되지 않아서, 이미지를 노출하도록 추가할 수 있다.


Kakao.Link.sendTalkLink(settings)

카카오톡 링크를 전송합니다.

Parameters
  • settings : Object
    카카오톡 링크 버튼과 관련된 설정을 key/value로 전달합니다.

    • label : String
      (constraint: 1000자 이상일 경우, 1000자까지만 전송)
      메시지에 표시할 라벨

      • image : Object
        메시지에 표시할 이미지

        • src : String (required)
          (constraint: 500KB이하의 이미지만 표시됨)
          이미지 URL

          • width : String | Number (required)
            (constraint: 80 이상이어야 함)
            이미지 너비(픽셀)

            • height : String | Number (required)
              (constraint: 80 이상이어야 함)
              이미지 높이(픽셀)

            • webButton : Object
              메시지에 표시할 버튼: 클릭시 등록한 웹사이트로 이동. 웹사이트를 등록하지 않은 경우 오류 발생.

              • text : String
                (default: "앱으로 가기")
                버튼에 표시할 텍스트

                • url : String
                  (default: 개발자 사이트에 등록한 웹사이트 중 첫번째 URL)
                  이동할 웹사이트의 URL

                • webLink : Object
                  메시지에 표시할 하이퍼링크: 클릭시 웹사이트로 이동. 웹사이트를 등록하지 않은 경우 오류 발생.

                  • text : String (required)
                    하이퍼링크에 표시할 텍스트

                    • url : String
                      (default: 개발자 사이트에 등록한 웹사이트 중 첫번째 URL)
                      이동할 웹사이트의 URL

                    • appButton : Object
                      메시지에 표시할 버튼: 클릭시 개발자 사이트에 등록한 앱으로 이동. 현재 플랫폼(iOS/Android)에 등록한 앱이 없는 경우 오류 발생.

                      • text : String
                        (default: "앱으로 가기")
                        버튼에 표시할 텍스트

                        • webUrl : String
                          카카오톡 PC버전에서 버튼을 클릭시 이동할 웹사이트의 URL

                          • execParams : Object
                            execParams: { iphone: { name: 'vincent', age: 5} } => iPhone 앱 실행시 커스텀 URL 뒤에 name=vincent&age=5의 형태로 추가되어 전달됨
                            앱 실행시 전달할 파라미터

                            • iphone : Object
                              iPhone 앱 실행시 전달할 파라미터

                              • ipad : Object
                                iPad 앱 실행시 전달할 파라미터

                                • android : Object
                                  Android 앱 실행시 전달할 파라미터

                                • marketParams : Object
                                  marketParams: { iphone: { name: 'vincent', age: 5} } => iPhone 앱이 없을 경우 호출되는 설치 URL 뒤에 name=vincent&age=5의 형태로 추가되어 전달됨
                                  앱 실행시 전달할 파라미터

                                  • iphone : Object
                                    iPhone 앱 설치 URL 호출시 전달할 파라미터

                                    • ipad : Object
                                      iPad 앱 설치 URL 호출시 전달할 파라미터

                                      • android : Object
                                        Android 앱 설치 URL 호출시 전달할 파라미터

                                    • appLink : Object
                                      메시지에 표시할 하이퍼링크: 클릭시 개발자 사이트에 등록한 앱으로 이동. 현재 플랫폼(iOS/Android)에 등록한 앱이 없는 경우 오류 발생.

                                      • text : String (required)
                                        하이퍼링크에 표시할 텍스트

                                        • webUrl : String
                                          카카오톡 PC버전에서 버튼을 클릭시 이동할 웹사이트의 URL

                                          • execParams : Object
                                            execParams: { iphone: { name: 'vincent', age: 5} } => iPhone 앱 실행시 커스텀 URL 뒤에 name=vincent&age=5의 형태로 추가되어 전달됨
                                            앱 실행시 전달할 파라미터

                                            • iphone : Object
                                              iOS 앱 실행시 전달할 파라미터

                                              • ipad : Object
                                                iPad 앱 실행시 전달할 파라미터

                                                • android : Object
                                                  Android 앱 실행시 전달할 파라미터

                                                • marketParams : Object
                                                  marketParams: { iphone: { name: 'vincent', age: 5} } => iPhone 앱이 없을 경우 호출되는 설치 URL 뒤에 name=vincent&age=5의 형태로 추가되어 전달됨
                                                  앱 실행시 전달할 파라미터

                                                  • iphone : Object
                                                    iOS 앱 설치 URL 호출시 전달할 파라미터

                                                    • ipad : Object
                                                      iPad 앱 설치 URL 호출시 전달할 파라미터

                                                      • android : Object
                                                        Android 앱 설치 URL 호출시 전달할 파라미터

                                                    • installTalk : Boolean
                                                      (default: true)
                                                      카카오톡이 설치되어 있지 않은 경우 마켓의 카카오톡 설치 페이지로 이동합니다.

                                                      • fail : Function
                                                        카카오 링크를 지원하지 않는 플랫폼(iOS/Android 외의 플랫폼)에서 createTalkLink함수를 호출했을 경우 불리는 콜백 함수



                                                      • unction shareKakao(title, url, filename) {

                                                        			if(filename==''){
                                                        				var pic = '<?php	echo BASE_URL2;	?>' + 'images/layout/logo.png';
                                                        			}else{
                                                        				var pic = '<?php	echo IMG_DOMAIN2;	?>/' + filename;
                                                        			}
                                                        
                                                        				Kakao.Link.sendTalkLink({
                                                        				label: '[www.medicaltv.co.kr] \n' + title,
                                                        				image: {
                                                        					src: pic,
                                                        					width: '300',
                                                        					height: '200'
                                                        				},
                                                        				webButton: {
                                                        					text: '<?php	echo $site_info->name;	?>',
                                                        					url: '<?php	echo BASE_URL2;	?>'
                                                        				},
                                                        				webLink: {
                                                        					text: url,
                                                        					url: url
                                                        				},
                                                        				fail: function(){alert('모바일 기기에서만 가능한 기능입니다.');}
                                                        			});

                                                        }


                                                        반응형
                                                        반응형
                                                         datediff 구현

                                                         

                                                         


                                                            function getDateDiff(date1,date2){
                                                                var arrDate1 = date1.split("-");
                                                                var getDate1 = new Date(parseInt(arrDate1[0]),parseInt(arrDate1[1])-1,parseInt(arrDate1[2]));
                                                                var arrDate2 = date2.split("-");
                                                                var getDate2 = new Date(parseInt(arrDate2[0]),parseInt(arrDate2[1])-1,parseInt(arrDate2[2]));

                                                                var getDiffTime = getDate1.getTime() - getDate2.getTime();

                                                                return Math.floor(getDiffTime / (1000 * 60 * 60 * 24));
                                                            }

                                                         

                                                         

                                                        getDateDiff("2016-08-01","2016-07-21")

                                                         

                                                         

                                                         

                                                        반응형
                                                        반응형

                                                        Howler.js is an audio library for the modern web. It makes working with audio in JavaScript easy and reliable across all platforms.

                                                        howler.js

                                                         

                                                        Description

                                                        howler.js is an audio library for the modern web. It defaults to Web Audio API and falls back to HTML5 Audio. This makes working with audio in JavaScript easy and reliable across all platforms.

                                                        Additional information, live demos and a user showcase are available at howlerjs.com.

                                                        Features

                                                        • Single API for all audio needs
                                                        • Defaults to Web Audio API and falls back to HTML5 Audio
                                                        • Handles edge cases and bugs across environments
                                                        • Supports all codecs for full cross-browser support
                                                        • Automatic caching for improved performance
                                                        • Control sounds individually, in groups or globally
                                                        • Playback of multiple sounds at once
                                                        • Easy sound sprite definition and playback
                                                        • Full control for fading, rate, seek, volume, etc.
                                                        • Easily add 3D spatial sound or stereo panning
                                                        • Modular - use what you want and easy to extend
                                                        • No outside dependencies, just pure JavaScript
                                                        • As light as 7kb gzipped

                                                        Browser Compatibility

                                                        Tested in the following browsers/versions:

                                                        • Google Chrome 7.0+
                                                        • Internet Explorer 9.0+
                                                        • Firefox 4.0+
                                                        • Safari 5.1.4+
                                                        • Mobile Safari 6.0+ (after user input)
                                                        • Opera 12.0+
                                                        • Microsoft Edge

                                                        Live Demos

                                                         

                                                         

                                                         

                                                         

                                                        .

                                                        반응형
                                                        반응형

                                                        Multiple.js is an experiment for sharing backgrounds across multiple elements using CSS.

                                                        multiple.js

                                                         

                                                        반응형

                                                        + Recent posts