반응형

[인터넷 브라우저] Chrome인가? IE 인가?


모바일의 인기일 수 있다. PC가 아닌 다른 디바이스에서 인터넷 접근시 크롬으로~


그리고, 스마트폰 크롬의 즐겨찾기가  PC 크롬에서도 연동이 되기때문에 많이 사용할 수 밖엔.


구글 포토도 한 몫했다. 구글 포토에 업로드할때 PC 크롬 브라우저에서 업로드 하는 것이 빠르다.


2016년 3월 22일에 구글 포토가 유투브에  업데이트 기능을 올렸다.

앨범기능이 개선되었는데, 이벤트나 여행 등에서 찍은 사진들을 모아 잘 찍힌 사진들을 선별해서

새 앨범을 제안한다. 그리고, 그 앨범에서 각각의 사진에 위치나 캡션을 추가할 수 있다.

이런 기능은 구글 포토가 사진만 업로드 하는 것을 넘어 사용자에게 편리함과 그 사진을 더 오래 기억 할 수 있는 방법을 제시했다.


http://gs.statcounter.com/#browser-KR-monthly-201504-201604

 

 


Source: StatCounter Global Stats - Browser Market Share



Google Photos: Introducing New, Smarter Albums


게시일: 2016. 3. 22.

After an event or trip, Google Photos will now suggest a new album curated with your best shots and the locations of where you've been. Customize it, add text, and invite collaborators to add their photos. Telling your story has never been easier.

Google Photos is available on:
Android: https://goo.gl/55OnIr
iPhone & iPad: https://goo.gl/m5vj7r
Web: https://photos.google.com




반응형
저작자표시

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

[MAC] MAC용 무료 바이러스 백신  (0) 2016.05.10
[OS X] Small: Lightweight code editor for OS X  (0) 2016.05.10
UCC, UGC  (0) 2016.04.07
조선비즈, 국내 최고의 SW 전문 매체 '마소' 인수  (0) 2016.03.24
맥북 프로 - SSD로 교체, 재설치  (0) 2016.03.17
반응형

모바일 - 반응형 웹

 

 

http://readme.skplanet.com/?p=9739   2015/01/20

 

 

 

 

반응형 웹에 대하여 조금 더 상세히 알고 싶다면 제가 쓴 다른 글들을 참고해 보세요.

반응형 웹과 관련하여 최근 저에게 영감을 주었던 다른 저자의 글도 참고해 보세요.

 

.

 

반응형
저작자표시

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

[CSS] Grd: A CSS grid framework  (0) 2016.03.25
[UI] Morphy-Toolbar: An expanding/collapsing toolbar  (0) 2016.03.09
[CSS3] Responsive CSS3 slider without Javascript  (0) 2016.01.25
[UI] Gridlex: Flexbox grid system  (0) 2015.11.30
[CSS] CSSketch: Add CSS support to Sketch 3  (0) 2015.11.25
반응형

 

모바일 트렌드 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

티스토리툴바