반응형
반응형

 

모바일 트렌드 2016
국내도서
저자 : 커넥팅랩
출판 : 미래의창 2015.11.10
상세보기

 

고양이 응급처치 매뉴얼
국내도서
저자 : 사토 타카노리 / 김주영역
출판 : 단츄별 2015.12.28
상세보기

 

고양이는 왜?
국내도서
저자 : 고양이연구소 / 박재현역
출판 : XObooks(엑스오북스) 2015.12.25
상세보기

 

 

 

 

 

[도서] 모바일 트렌드 2016 : 모바일, 온디맨드의 중심에 서다 새창

 

 

 

 [도서] 고양이 응급처치 매뉴얼 새창

 

 

 

 [도서] 고양이는 왜? : 고양이의 마음을 알려주는 107가지 진실 새창

 

 

모바일 트렌드 2016

: 모바일, 온디맨드의 중심에 서다

 

고양이 응급처치 매뉴얼

 

고양이는 왜?

: 고양이의 마음을 알려주는 107가지 진실

 

 

 

 

.

반응형
저작자표시

'생활의 발견 > Books' 카테고리의 다른 글

[도서구매] 사는게 뭐라고  (0) 2016.01.25
[도서구매] 실행이 답이다.  (1) 2016.01.20
[도서구매] 사물인터넷, 모바일 인사이트  (1) 2015.12.08
[도서구매] 아두이노, 상상을 현실로 만드는 프로젝트 - 입문편, 부의 추월차선  (0) 2015.11.05
[도서구매] 큐큐 웃픈 내 인생  (1) 2015.10.27
반응형

scroll event - 스크롤 이벤트 scroll start, scrolling, scroll stop


스크롤시 사라졌다가 스크롤 끝나면 다시 나오는 스크립트


https://gist.github.com/RubaXa/5569075


 jquery.event.scroll.js



-- Page 배너 삽입, 모바일 하단에 위치고정


<div id="bottomrollbanner" style="position:fixed; bottom:0; height:49px; width:100%;background-color:bisque;">

                          배너 위치

</div>




<script type="text/javascript">
<!--


$(window).bind('scrollstart scrollend', function (evt){
    if( evt.type == 'scrollstart' ){
        // logic
        console.log("scroll Start");
        jQuery("#bottomrollbanner").fadeOut("fast");
    }
    if( evt.type == 'scrollend' ){
        // logic
        console.log("scroll End");
    jQuery("#bottomrollbanner").fadeIn("slow");
    }
});


var currentScrollTop, temporalScroll = 0;

$(window).scroll(function(){


    currentScrollTop = $(this).scrollTop();
    console.log('Previous value: ' + temporalScroll);
    if (currentScrollTop > temporalScroll) {
        console.log('scroll down - Current value: ' + currentScrollTop);
    }
    else {
        console.log('scroll up - Current value: ' + currentScrollTop);
    }
    temporalScroll = currentScrollTop;



});


//-->

</script>






반응형
저작자표시

'프로그래밍 > Script' 카테고리의 다른 글

[jQuery] jQuery Autotab: Auto-tabbing and filtering for forms  (0) 2014.11.06
[Node.js] The Node Beginner Book  (0) 2014.10.30
[jQuery] NoUiSlider: A tiny range slider  (0) 2014.10.20
[jQuery] 시작페이지로 지정하기 Script  (0) 2014.10.13
[jQuery] like Pinterest. 핀트레스트 같은 그리드(Grid)  (0) 2014.10.08
반응형

모바일 플랫폼 비지니스


모바일 플랫폼 비즈니스
국내도서
저자 : 류한석
출판 : 한빛비즈 2012.03.30
상세보기




반응형
저작자표시

'생활의 발견 > Books' 카테고리의 다른 글

[도서구매] 살고싶은 집, 짓고싶은 집, 마이크로소프트웨어 2014.11  (1) 2014.11.06
[도서구매] 수학 홀릭 페르마의 마지막 정리  (0) 2014.10.24
[도서구매] 마이크로소프트웨어 2014.10월, 꾸준히 자유롭게 즐겁게  (0) 2014.10.06
[도서구매] 감정은 습관이다., 여자없는 남자들, 1Q84(book 1)  (2) 2014.09.05
[도서구매] 싸드 THAAD, 마이크로소프트웨어 (월간) 9월호  (0) 2014.09.03
반응형

jquery mobile 1.4 + Z framework

 

간단한 모바일 뉴스 수집 서비스 :  http://tcbs17.cafe24.com/tc/circulus/index.html

 

참고 : http://j.mp/1i2Dgai 

반응형
저작자표시

'프로그래밍 > Web' 카테고리의 다른 글

[JSON] Peroxide: Simple, configurable proxy server  (0) 2014.04.15
[Framework] Framework7: An HTML framework for building iOS7 apps  (0) 2014.04.01
[CSS] Fluidity: Making HTML 100% responsive  (0) 2014.03.27
[HTML5] Molecule: An HTML5 game framework - GAME framework  (0) 2014.03.27
[HTML5] Vega: Grammar for visualization designs  (0) 2014.03.27
반응형
Device maker resolution X resolution Y X x Y
KindleFire HD Amazone 800 1280 800 x 1280
iPhone 3 GS Apple 320 480 320 x 480
iPhone 4, 4S 640 960 640 x 960
iPhone 5 640 1136 640 x 1136
iPad 768 1024 768 x 1024
iPad 2 768 1024 768 x 1024
iPad 3(New iPad) 1536 2048 1536 x 2048
Nexus one Google 480 800 480 x 800
Nexus 7 800 1280 800 x 1280
Desire Pop, htc legend htc 320 480 320 x 480
Desire, Desire HD 480 800 480 x 800
Optimus one LG 320 480 320 x 480
Optimus Z, Q, Mach 480 800 480 x 800
Optimus G 768 1280 768 x 1280
motoroi ( QRTY, GLAM, DEFY) motorola 480 854 480 x 854
Vega racer 2, 3 pantech 720 1280 720 x 1280
Galaxy S, S2, U, K, A Samsung 480 800 480 x 800
Galaxy S2 LTE 480 800 480 x 800
GalaxyTab 600 1024 600 x 1024
Galaxy S2 LTE HD 720 1280 720 x 1280
Galaxy S3 720 1280 720 x 1280
GalaxyNote 2 720 1280 720 x 1280
GalaxyNote 800 1280 800 x 1280
GalaxyNote 10.1 800 1280 800 x 1280
GalaxyTab 10.1 800 1280 800 x 1280
GalaxyTab 7.7 LTE 800 1280 800 x 1280
GalaxyTAb 8.9 800 1280 800 x 1280
Galaxy S4 1080 1920 1080 x 1920
Vega, SIRIUS, miracle, iZar SKY 480 800 480 x 800
Xperia X10 mini, pro Sony 240 320 240 x 320
Xperia X10 480 854 480 x 854
해상도 GCD 비율 X 비율 Y
1080 x 1920

120

9

16
1536 x 2048

512

3

4
240 x 320

80

3

4
320 x 480

160

2

3
480 x 800

160

3

5
480 x 854

2

240

427
600 x 1024

8

75

128
640 x 1136

16

40

71
640 x 960

320

2

3
720 x 1280

80

9

16
768 x 1024

256

3

4
768 x 1280

256

3

5
800 x 1280

160

5

8

 

반응형
저작자표시

'프로그래밍 > Style & Design' 카테고리의 다른 글

[WEB] Responsive Inspector - responsive web layout  (0) 2013.04.25
[WEB] CSS, HTML Dictionary  (0) 2013.04.22
[WEB] responsive web Design  (0) 2013.04.15
[CSS] daum 사이트의 responsive  (0) 2013.04.08
[Design] 40+ Seriously Creative 404 File Not Found Pages  (0) 2013.04.05
반응형
http://mooki83.tistory.com/2656510

http://cafe.naver.com/webappdev/12105
영문사이트 볼 때 유용할 수도 있는 네이버 영어사전 북마클릿입니다. - linkuco님

linkuco님의 스크립트를 보고
'앗, 이거다!' 힌트를 얻어서 급 만들게 된 스크립트.

크롬에서만 테스트 해봤지만 잘 돌아가는 것을 확인하였다.

추가하는 방법은 $2해주면 된다.

320 - MobileView(340/480)
480 - MobileView(500/320)
786 - MobileView(806/1024)
1024 - MobileView(1044/768)
Custom - MobileView

총 5가지 버전이며
스크롤바를 고려해서 써있는 넓이보다 + 20px씩 더 들어가있다.

다음에는 .. .뭐를 만들어보지?

덧.
user-agent는 고려되어 있지 않기 때문에 모바일로 특화된 페이지는...
user-agent 변경하는 것을 사용해야한다.
(흠.. 관련 자료도 포스팅해야지)
반응형
저작자표시

'프로그래밍 > Web' 카테고리의 다른 글

Manifest File 생성하기  (0) 2012.03.02
REST , RESTful  (0) 2011.12.09
크롬에서 json데이터 볼때 설치하시오~ 어디? 크롬에다가~  (0) 2011.11.30
[WEB] Sencha Touch Touch Charts Mobile HTML5 Charts  (0) 2011.08.30
[HTML5] HTML5 API의 기능  (0) 2011.08.21

+ Recent posts

티스토리툴바