반응형
반응형

Free themes for Bootstrap

bootswatch.com/

 

Bootswatch: Free themes for Bootstrap

Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility.

bootswatch.com

 

반응형
반응형

Word에서 배경 그림 또는 이미지 삽입

  1. 디자인 탭에서 워터 마크 > 사용자 지정 워터 마크를 선택 합니다.

  2. 그림 워터 마크 를 선택 하 고 그림을 선택 합니다.

  3. 희미하게를 선택 하거나 선택 취소 합니다.

  4. 확인을 선택합니다.

support.microsoft.com/ko-kr/office/word%EC%97%90%EC%84%9C-%EB%B0%B0%EA%B2%BD-%EA%B7%B8%EB%A6%BC-%EB%98%90%EB%8A%94-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%82%BD%EC%9E%85-08782ea3-086c-4778-94bb-2ea3d187f83e#ID0EBABAAA=Windows

 

Word에서 배경 그림 또는 이미지 삽입

문서에 그림 워터 마크를 추가 합니다.

support.microsoft.com

 

반응형
반응형

[javascript] null, undefined, 공백 체크

 

// 넘어온 값이 빈값인지 체크합니다.
// !value 하면 생기는 논리적 오류를 제거하기 위해
// 명시적으로 value == 사용
// [], {} 도 빈값으로 처리
var isEmpty = function(value){
  if( value == "" || value == null || value == undefined || ( value != null && typeof value == "object" && !Object.keys(value).length ) ){
    return true
  }else{
    return false
  }
};
var value = 1; // Number 형 1 
console.log(value, typeof value); // 1 

number value = "1" // String 형 1 
console.log(value, typeof value); // 1 string
 
 
var value2 = "" 
if( value2 == ""){ 
    console.log("비어 있음"); 
}else{ 
    console.log("값이 있음"); 
}
 

 

반응형
반응형

button submit 막기

 


form 안에 있는 button 은 자동으로 submit 기능을 한다. form 안에 있어도 submit 기능을 하지 않게 하기 위해서는 아래와 같이 코딩한다.

 

<form >

<button type="button">버튼</button>

</form>

 

반응형
반응형

Flutter - beacon package 

 

pub.dev/packages/beacons

 

beacons | Flutter Package

Flutter beacons plugin for iOS and Android.

pub.dev

Flutter plugin to work with beacons.
Supports Android API 16+ and iOS 8+.

Features:

  • Automatic permission management
  • Ranging
  • Monitoring (including background)

Supported beacons specifications:

  • iBeacon (iOS & Android)
  • Altbeacon (Android)
반응형
반응형

player.vimeo.com

 

Vimeo: 최고의 동영상을 위한 최고의 기능

당신의 멋진 동영상을 위해 특별히 제작된 강력한 동영상 기능. 넉넉한 저장 공간, 포스트프로덕션 및 수익 창출 기능, 고품질 라이브 스트리밍 등 다양한 성능을 즐기세요.

vimeo.com

<div id="made-in-ny"></div>

<script src="https://player.vimeo.com/api/player.js"></script>
<script>
    var options = {
        id: 59777392,
        width: 640,
        loop: true
    };

    var player = new Vimeo.Player('made-in-ny', options);

    player.setVolume(0);

    player.on('play', function() {
        console.log('played the video!');
    });
    
    
    //-- 플레이    
    player.play();

</script>
<!-- vimeo embed start, autoplay  -->
<div id="made-in-ny"></div>

<div class="buttons">
    <button id="play-button"   data-method="play">Play</button>
    <button id="pause-button"  data-method="pause">Pause</button> 
</div>

<script src="https://player.vimeo.com/api/player.js"></script>
<script>
    var options = {
        id: 465623199,
        width: 640,
        loop: false
    };

    var player = new Vimeo.Player('made-in-ny', options);

    //player.setVolume(0);
    player.setVolume(0.5);
    //player.setVolume(1);
 
    //setTimeout(function(){ player.setVolume(0.5); }, 3000);
    //-- 플레이    
    //player.play();
    //setTimeout(function(){ player.play(); }, 3000);
    
    $("#play-button").click(function(){ player.play(); }); 
    $("#pause-button").click(function(){ player.pause(); }); 
     
</script>
 

github.com/vimeo/player.js

 

vimeo/player.js

Interact with and control an embedded Vimeo Player. - vimeo/player.js

github.com

 

player.vimeo.com/api/demo

 

Vimeo Player API Demo

Text Tracks None

player.vimeo.com

반응형

+ Recent posts