INJEBLOG

BARCODE 티스토리 스킨

INJEBLOG

BARCODE 티스토리 스킨 BARCODEa modern skin for Tistory blogs.main.menu.article.코드 신텍스 하이라이팅(Syntax Highlighting) 기능 내장comments.카카오톡, 트위터, 페이스북 공유기능 내장mobile.반응형 디자인 채택DEMO 보러가기초대장 이벤트구매자분 중 구매당시 사용하신 이메일을 아래에 비밀 댓글로 달아주시면, 티스토리 초대장을 보내 드립니다!현재 10장 보유 질문은 아래 .. CODE/WEB 2017.11.10 15:40

FLATMINT 스킨 사용법

INJEBLOG

FLATMINT 스킨 사용법 코드 뷰소스코드 업로드 시<pre><class="language-사용언어>/* 소스 코드 */</code></pre>터미널 커맨드 업로드 시<pre class="command-line" data-user="유저이름" data-host="호스트이름"><code class="language-bash">/* 커맨드 */</code></pre>카.. CODE/WEB 2017.08.31 13:17

CSS로 리스트 li 항목 개수 제한하기

INJEBLOG

CSS로 리스트 li 항목 개수 제한하기 HTML에서 ol 이나 ul을 사용해서 리스트에 추가될 li 항목의 개수를 모를 때,표시되는 개수를 정하고 싶으세요?물론 자바스크립트로 추가되는 항목을 제한할 수도 있겠지만,간단히 CSS로 리스트의 표시항목 개수를 지정하는 법이 있답니다. li:nth-of-type(n+10) { display: none; } 바로 이렇게 nth-of-type 를 써서 n 번째 항목들을 감추는 방법인데요,이 경우엔 10개만 표시되고, 그 이후의 항목들은 보이지.. CODE/WEB 2017.08.31 10:39

FLATMINT 티스토리 스킨

INJEBLOG

FLATMINT 티스토리 스킨 FLATMINT는 티스토리 #1 스킨을 기반으로 만든 반응형 스킨입니다 데모사이트보러가기 스크린샷 데스크탑메인화면사이드 메뉴카테고리코드 뷰 FLATMINT 에는 Prism.js 가 내장되있어, 소스코드를 올릴때 자동으로 Syntax Highlighting 을 해줍니다. 자세한 사용법은 여기에서 확인하세요!소셜 / 댓글  관련 글 모바일메인화면사이드 메뉴카테고리코드 뷰소셜 / 댓글관련 글.. CODE/WEB 2017.08.30 11:38

HTML 벡터 이미지 로딩속도 향상시키기

INJEBLOG

HTML 벡터 이미지 로딩속도 향상시키기 벡터 이미지들이 고해상도의 일반 이미지들 보다 파일 크기는 작지만, 사이트가 로딩될 때이미지를 렌더링 하는 시간이 필요하기 때문에 로딩 시간이 길어질 수 있는데요.이걸 해결할 수 있는 방법은 이미지를 폰트로 바꾸는 겁니다.벡터 그래픽을 폰트로 바꿔주는 사이트가 몇개 있는데, 제가 개인적으로 쓰는 사이트는 icoMoon 입니다.import icons 를 눌러 벡터 파일들을 올리고,Generate Font 버튼을 누르면,폰트파.. CODE/WEB 2017.08.25 14:01