웹 관련 기록39 제이쿼리를 이용한 브라우저 스크롤 끝 도달시 체크 123456$(window).scroll(function() { buffer = 0 // 스크롤 끝과의 거리 if ( $("body").prop('scrollHeight') - $("body").scrollTop() 2014. 2. 18. 제이쿼리 1.8.0 부드러운 스크롤링 1234567891011$('a[href*=#]').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var $target = $(this.hash); $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']'); if ($target.length) { var targetOffset = $target.offset().top; $('html,body').animate({scrollTop: targetOffset}, 700); return fa.. 2014. 2. 17. @media, 미디어 쿼리 속성 중 orientation @media screen and (orientation:portrait) { /* Portrait styles 세로 */ } @media screen and (orientation:landscape) { /* Landscape styles 가로 */ } 만약 다양한 디바이스를 지원해야하는 상황이라면 디바이스에 따라서 가로 세로가 실제 예상하는 값과 반대일 수 있으므로, 디바이스 제원 혹은 제조사에 확인이 필요함. 2014. 2. 7. STEAM WEB API - 회원가입 시간 값, 로그아웃 시간 값 JSON으로 데이터를 받아오면timecreated -> 여기에 회원가입 날자가 유닉스타임으로 저장되어 있음. (ex 1360062267)lastlogoff -> 로그아웃 시간. 유닉스타임으로 되어 있기 때문에 해당값을php에서 date('c', 시간) 처리를 해주면 2013-02-05T20:04:27+09:00 이런식으로 리턴 됨. JSON 샘플{ "response": { "players": [ { "steamid": "유저식별번호(id)", "communityvisibilitystate": 0, "profilestate": 0, "personaname": "유저닉네임", "lastlogoff": 0, "profileurl": "http://steamcommunity.com/id//", "avatar":.. 2013. 12. 18. Sign in through Steam! 스팀 웹 API를 이용하여 json으로 정보를 받아오기 스팀 웹 API를 이용하여 json으로 정보를 받아오기1차 원본글 : https://forums.alliedmods.net/showthread.php?t=206689-> 원본글의 file_get_contents() 기능이 제가 사용하는 dothome 에선 막혀있어서 curl 이란 함수를 찾아다 교체했습니다. Api key 등록: http://steamcommunity.com/dev/apikeyOpenid 소스 받기: https://gitorious.org/lightopenid/ 우선, 스팀 API키를 발급받아야 하고, Openid 코드들 중 MIT 라이선스를 사용하는 LightOpenID를 본인의 웹서버에 업로드 해두어야 합니다. 12345678910111213141516171819202122232425.. 2013. 12. 18. CSS3 image-rendering 12345678910111213141516image-rendering: auto image-rendering: crisp-edges-webkit-optimize-contrast; image-rendering: pixelated-webkit-backface-visibility image-rendering: inherit /* 부모에게 상속받음 */ /* EX */image-rendering: -moz-crisp-edges; /* Firefox */image-rendering: -o-crisp-edges; /* Opera */image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */image-rendering: crisp-edg.. 2013. 11. 7. 이전 1 ··· 3 4 5 6 7 다음 320x100