이미지 (6) 썸네일형 리스트형 크롬에서 https 를 실행해도 안전함이 안 뜰 때.. '사이트 정보 보기' 크롬 웹브라우저에서 아래 그림과 같이 'https://' 를 사용했음에도 불구하고 '안전함' 이 뜨지 않는다면..?인증서도 정상적으로 작동하고 인증 기간도 아직 남아 있는데 '안전함' 이라는 마크가 나오지 않는다니..그런데, 아래 화면을 보면 '공격자는 .. 이미지를 볼 수 있으면, 이미지를 수정하여.. 속일 수 있습니다.' 라고 나와요. 그래서 확인해 보니, img 태그 의 src 속성에 http:// 로 시작하는 부분이 있더라구요.동일 서버에서구동할 떄는 프로토콜 부분을 기술하지 않아도 되지만,외부 서버에서 가져오는 이미지라면 이렇게 할 수밖에 없죠.그래서, 해당 화면이 노출될 때 request.getRequestURL() 이 https:// 로 시작하는지 체크해서,https:// 로 시작하는 경우 .. loading 로딩... - jquery lazyload, 체감 속도를 빠르게 하기 위해 화면에 노출되는 이미지만 로딩http://argous.tistory.com/20 - 로딩중 이미지/텍스트http://androphil.tistory.com/entry/jQuery-Plugin-%EB%A1%9C%EB%94%A9-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%B0%8F-%EB%A1%9C%EB%94%A9-%EB%A9%94%EC%84%B8%EC%A7%80-%EC%98%B5%EC%85%98%ED%99%94-%EC%B6%9C%EB%A0%A5 자바스크립트로 이미지 다운로드 여기저기 어렵게 찾았네요.. function downloadImage(imageUrl,fName){ if(/msie|trident/i.test(navigator.userAgent)){ // IE 인지 체크 var _window = window.open(imageUrl, '_blank');// 새창으로 열어서.. _window.document.close(); _window.document.execCommand('SaveAs', true, fName);// 저장하라, false 로 해도 동일 _window.close();// 끝나면 새창 닫음 }else{ var $a = $("").attr("href", imageUrl).attr("download", fName).appendTo("body");// HTML.. 이미지 튜닝 http://blog.daum.net/miriya/15601333jpg 압축율 80% 정도가 적당png24 투명한 이미지인 경우 사용하되, 256색상을 초과하지 않는다면 투명 gif 사용.다만.......... 실제로 이것저것 체크해 보아야 함.. 튜닝의 길은 멀고 험난. [모음글] 반응형웹 왼쪽이 적응형 오른쪽이 반응형..엄밀히 말하면, media query 사용해서 PC용 스마트패드용 스마트폰용 이렇게 3개의 스타일 만들어서 사용하는 것이 적응형.반응형은, 3가지 스타일 만들어 놓는 것이 아니라 화면 사이즈에 맞게 항상 변하는 넘. 모바일 기기도 PC 라고 보는 견해와 아니라는 견해가 있지만, 암튼..스크린 크기에 따라 화면 레이아웃이 변형되도록 작업하는 것이 반응형웹의 취지인듯..한 번 작성해서 여러 스크린을 커버한다는 실용적인 기법. 1. 플랫폼/플러그인/프레임웍트위터 bootstrap 반응형웹 레이아웃http://helloworld.naver.com/helloworld/67876 Masonry 반응형웹 라이브러리, MIT 라이센스http://masonry.desandro.com/do.. 페이스북 상태 업데이트 입력창에 URL 을 입력하면, 페이스북이 해당 URL 내용을 자동으로 가져오게 하기.. 페이스북 '상태 업데이트' 창에 URL 을 등록할때, 페이스북이 친절하게도 해당 URL 의 내용을 긁어와서 붙여줍니다. 이렇게 되도록 하려면 아래와 같은 코드가 해당 웹페이지에 기술되어야 합니다. 그런데 주의할 것이 있지요. 1. 일단 keywords meta 는 글쎄요.. 뭐에 쓰는진 모르겠네요. 일단 기술은 해 보세요. 2. title meta 와 title 태그가 동시에 존재한다면 title meta 의 content 에 기술된 내용이 적용됩니다. title meta 와 title 태그의 선후 위치에 상관없이 meta 가 먼저 적용된다는 것이죠. title meta 가 먼저 기술되고 이후에 title 이 기술되든, title 이 먼저 기술되고 title meta 가 나중에 기술되든 상관이 없어요. .. 이전 1 다음
