반응형
반응형
블로그를 하며 포스팅을 하거나 썸네일 이미지를 만들때, 또는 사이트를 꾸밀때 폰트가 이쁘면 글을 읽기에 눈이 편하고, 전체적인 레이아웃도 보기좋게 꾸며지는데요. 사람들이 가장 많이 사용하는 무료 폰트로 나눔고딕이 있겠지만 요즘에 이 KoPub 돋움체를 접한 이후 나눔글꼴보다 개인적으로 자주 쓰게되더라구요. 백문이 불여일견이라고 사이트 주소를 먼저 링크부터 걸고, 한번 구경해보겠습니다.http://www.kopus.org/Biz/electronic/Font2.aspx 한국출판인회의에서 제작하고 배포하고 있으며, E-Book 환경에 최적화 되도록 정부지원을 받고 만든 전자출판전용 폰트라고 합니다. 일단 가장 중요한건 라이센스가 무료인지가 중요해서 찾아봤는데 해당 폰트는 전자출판 유통시장 활성화를 지원하기 위..
웹사이트를 제작하거나 블로그에 사진을 이용할때 저작권 때문에 고민이 많으시죠? 저도 사이트에 넣을 이미지찾느라 고생이 많았는데요^^구경해보고 괜찮았던 사이트를 소개하려고 합니다. 한번 편하게 구경하고 가세요~어느 사이트든 제가 놓쳤을 수 도 있으니 한번 더 저작권 확인해보는센스 부탁해요 ㅎㅎ 1. 픽스어베이 (Pixabay) https://pixabay.com/ 가장 많은 무료 이미지를 제공하고 있는사이트 입니다. 저도 제일 많이 이용하구요 상업적으로 모든 이미지 무료 사용이 가능합니다. 2. 언스플래쉬(Unsplash) https://unsplash.com/ 여기도 물론 모든 이미지 무료로 사용가능합니다. 3. 프리큐레이션 (FreeQration) http://www.freeqration.com/fea..
티스토리나 네이버블로그에 소스코드를 이쁘게 올리려면 보통 SyntaxHighlighter를 쓰거나 ColorScripter 프로그램을 쓰는데요. 저는 요즘 전자인 SyntaxHighlighter를 사용하고 있습니다. 장점이라면 라인번호가 보이나 복사시 라인번호는 같이 안딸려와요. 그리고 테마가 여러가지 있어서 사용자의 입맛대로 사용할 수 있다는 점? 단점은 글 작성시 태그 안에 코드를 넣어줘야 하는데 태그가 겹칯는지 그냥 넣었을시 HTML코드에 맞지 않아 이상하게 보이는 경우가 간혹 있습니다. 그래서 그 단점을 해결해 주는 프로그램이 있죠. 출처는 : http://emflant.tistory.com/42 입니다. 사용해보니 너무 좋아서요^^ 다운로드 : 프로그램을 다운받아서실행시킨 모습입니다. 사..
홈페이지 작업 중 배경에 사진 말고 동영상을 넣어야 할 때가 있습니다. 저 같은 경우 각 브라우저 별로 동영상 파일을 지원 하는 타입이 달라 인코딩을 하였습니다. HTML에서 지원하는 동영상 타입은 다음과 같습니다. MP4 : 익스플로러 9이상 / 크롬 / 사파리 / 안드로이드WebM : 파이어폭스 / 오페라OGG : 크롬 / 파이어폭스 / 오페라Flash : 익스플로러 6~8 MP4 파일과 WebM 파일 2개를 준비하면 보통 대부분의 브라우저에서 잘 돌아가니 기존에 가지고 있던 MP4파일을 카카오 인코더를 이용해 WebM파일로 변환하도록 하겠습니다. ■ 카카오 인코더 설치 먼저 이 곳을 눌러 카카오 인코더를 다운 받습니다. 무료 소프트웨어이니 안심하시고 설치~!! 설치가 완료 되면 자동으로카카오 인코더..
이전 글 티스토리에 SyntaxHighlighter 적용하는 방법 글과 이어지는 관련 글입니다. 그래서 이번 글에서는 소스코드를 보기 좋게, 편하게 하기 위한 플러그인인 SyntaxHighlighter 의 테마와 브러쉬를 변경하는 방법을 설명하는 글이 되겠습니다. ■ 테마 변경SyntaxHighlighter 테마는 7가지 종류가 있습니다. 각자 마음에 드는 테마를 골라 사용하시면 되겠습니다.먼저 공식주소는 http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/ 여기서 보시면 되구요.티스토리 관리자모드 HTML/CSS 편집화면에서 해당 스크립트를 복사 붙여넣기 하면 됩니다. 1) Default 2) Django 3) Eclipse 4) Emacs 5) Fa..
티스토리에 글작성할 때 그동안 Color Scripter로 소스를 올렸었는데, 반응형 스킨이라서 그런지 몰라도 제가 원하는대로 수정하기 힘들어서 바꾸고 싶어졌습니다. 그래서 알아보다가 한번 적용 시켜본 소스코드 플러그인이 SyntaxHighlighter입니다. 설명에 앞서 일단 적용부터 시켜볼게요. 많은 말이 필요 없습니다. 사람들이 왜 이 플러그인을 사용하는지 써보면 알겠더라구요. But~ 하지만 혼자서 적용하기엔 좀 까다롭기 때문에 잘 보고 따라하셔야 됩니다. ■ 적용방법 - 주소링크 http://alexgorbatchev.com/SyntaxHighlighter/download/ 에 들어가서 위 사진에 빨간색 화살표가 가르키는 Click here to download를 클릭하여 다운로드를 받습니다. ..