Eveningstar

clipboard.js — Copy to clipboard without Flash 인스타 이벤트나 페이스북, 트위터 이벤트를 시행할때 사용자가 쉽게 참여할수있도록 유도하기 위해 버튼을 누르면 해시태그가 복사되게 하는 js 깃허브 - https://github.com/zenorocha/clipboard.js/ 사이트 - https://clipboardjs.com/ cdn - https://github.com/zenorocha/clipboard.js/wiki/CDN-Providers 1) 스크립트에 js 추가하기 1cs 2) html 부분에 copy될 부분과 이벤트를 실행할 버튼 부분을 추가해준다. 1234#해시태그 Colored by Color Scriptercs 3) 스크립트에 이벤트 액션 추가해주기 ..

웹사이트 속도가 궁금할때 테스트 할수있는 사이트 몇 곳로딩이 너무 느리면 한번씩 체킹해보쟈. 체크해볼 부분 1. 로딩 이미지 크기2. css,js 압축여부 등등 1. Google PageSpeed Insights - 웹주소를 입력하고 분석을 누르면 모바일/피씨버전으로 분석결과를 알려준다. -> 해결방법 보기를 클릭하면 해당 내역에 대해 구글이 최적화 조언을 해준다. 이미지 압축의 경우 jpg와 png 압축은 아래 팬더 사이트에서 압축해보자.(jpg는 그라데이션부분이 압축하면 손상되는 경우가 있다. 확인 후 압축이미지를 실제로 사용할 것) go to tinypng 2. pingdom - 테스트 지역에 한국이 없지만 다른나라 체크해서 ㄱㄱ,, 퍼포먼스별 점수로 페이지 속도를 체크해줌(등급주는게 성적표받는것 ..

세로형 아코디언 검색해보니 html과 css 만으로 세로형 아코디언 구현이 가능하다.그런데 input check를 사용해서 만드는 것이여서, 태그의 쓰임새에 맞는걸까 고민하다 그냥 jquery가 사용된 세로형을 찾아보기로 했다. http://www.designchemical.com/blog/index.php/jquery/jquery-simple-horizontal-accordion/->고정형 너비에서만 사용가능한 것으로 판단됨. 아 이거 모바일에서도 필요한대ㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜ폭망 css와 html만 사용해서 만든 세로형 아코디언 http://freefrontend.com/css-accordions/

링크 공유시 meta에서 긁어가는 내용을 캐시로 지우는방법(그냥 놔둬도 바뀌긴함) //og:image의 가로값 지정 //og:height의 세로값 지정 썸네일 크기는 페북 사이즈 1200x627에 맞춰서 사용한다(페북 공유가 많을거라는 전제하에)카카오 스토리나 블로그, 카페 공유시에는 썸네일 사이즈가 어긋난다. 줌인기능을 쓰는건지 확대되어서 나오는데,정확한 사이즈를 모르겠고, 네이버 센터가서 검색하면 블로그api에 블로그 연결해 쓰는 방법따위만 나옴,,,,,^^ 정확한 사이즈 아모른직다. 아시는분 알려주세요 제발,,, 최소 세가지(페북,카스,블로그등등)이 메타태그를 긁어가서 고대로 링크 공유 썸네일에 띄우기때문에 그냥 사이즈 잘 나와있는 페북껄로 통일해서 씀 ㅡㅡ 1. facebook 캐쉬지우기 페북 개..