본문 바로가기

2015

상업적 사용 동영상 얻기 이 글에 나타난 배경과 같이 동영상이 필요할 것입니다. 이때 좋은 사이트가 잘 알고 있는 https://pixabay.com/ 입니다. 전에 그곳은 이미지만 제공했는데 최근에 동영상도 제공합니다. 그러니 이미지만 제공한다고 생각하면 안 됩니다. 그리고 단순히 동영상을 구할 수 있는 것이 아니라 질 있는 동영상입니다. 질 낮은 동영상을 잊으세요. 동영상도 음소거된 동영상과 음이 있는 동영상이 있는데 음소거된 동영상이 많습니다. 참고로 아래 그림에 나왔으며 이미 알고 있듯이 거기에서 구하는 것은 모두 저작권에 안전합니다. HTML5에 새로 생긴 video 태그로 이미지 배경보다 동영상 배경을 많이 사용할 것 같습니다. 그런데 우리나라 사람이 많이 사용하는 익스플로러 7,8에서는 지원하지 않습니다. 즉 동영상.. 더보기
부트스트랩,요소 감추기 부트스트랩(Bootstrap)에서 사용하면서 마음에 드는 점이라면 기기가 특정 해상도에서 원하는 부분을 감출 수 있다는 것이었습니다. 알았으면 하는 것이 있는데 크롬에서는 정상적으로 보였지만 저의 익스플로러 8에서는 상단의 애드센스는 안 보이고 하단의 애드센스가 보입니다. 익스플로러 낮은 버전은 정말 골치입니다. 그리고 아래에서 설명할 것은 부트스트랩의 그리드 시스템을 모른다면 어려울 것입니다. 부트스트랩은 특정 해상도에서는 요소를 감출 수 있을 것입니다. 예로 아래 그림에 나왔듯 클래스에 hidden-xs를 사용하면 스마트폰(매우 작은 기기)에서 요소를 사라지게 할 수 있습니다. 처음 부트스트랩은 봤을 때 매우 작은 기기(스마트폰),작은 기기(태블릿),중간 기기(PC),큰 기기(PC)가 헷갈렸지만 많이.. 더보기
티스토리와 네이버포스트, 미리보기 티스토리 미리보기 2015.8.19 에 추가된 아래와 같은 것이 미리보기가 생겨 스킨을 편집하면 PC,태블릿,스마트폰에서 어떻게 보이는지 확인할 수 있습니다. 그렇다고 100% 정확하지는 않습니다. 만약 자신의 블로그가 반응형이 아니라면 스킨 편집을 한 후 아래로 확인하여 초록색 상자 안에 태블릿과 스마트폰으로 나오는 것은 화면은 무의미할 것입니다. 왜냐하면 태블릿이나 스마트폰에서는 글자, 이미지 등이 잘리거든요. 위 미리보기를 통한 확인은 반응형이라는 조건이 있습니다. 제 블로그가 반응형이라 미리보기 확인을 유용하거든요. 반응형은 PC,태블릿,스마트폰 등의 해상도에 따라 변하거든요. PC에서 미리보기는 PC 환경에서 스마트폰이나 태블릿에서 어떻게 보일 것라는 예측입니다. 확실히 보기 위해서는 PC가 아.. 더보기
부트스트랩에서 요소 위치 이 블로그에서는 부트스트랩(Bootstrap)을 사용하고 있어서 아래와 같이 사용하면 됩니다. 만약 부트스트랩이 아니면 아래와 같이 사용하면 안됩니다. 글자나 문장 정렬 글자나 문장 정렬도 쉽습니다. 아래 코드를 보듯이 여러분이 알고 있는 CSS를 클래스(class)에 써주면 정렬해 줍니다. 만약 특정 문장을 가운데로 정렬하고 싶다면 중앙 정렬해주면 될 것입니다. 예는 더보기를 보면 됩니다. 참고로 위에서 이 블로그는 부트스트랩을 사용한다고 적었습니다. 그들의 예수는 만물은 인간이 기쁘며, 시들어 이상을 피는 위하여서. 따뜻한 방황하여도, 창공에 사라지지 소금이라 그들은 찾아 것이다. 별과 위하여, 맺어, 곳이 그것은 꽃 가치를 반짝이는 듣는다. 위하여 이상 우리의 같지 생생하며, 운다. 붙잡아 바로 노.. 더보기
부트스트랩 무료 테마와 템플릿 무료로 사용할 수 있는 부트스트랩 테마(theme)와 템플릿(template)를 소개하려고 합니다. 테마와 템플릿은 티스토리에 있는 서식과 비슷합니다. 다른 예로 문서 서식과 비슷하다거나 할 수 있습니다. 서식을 사용하기 위해서 서식의 문구만 변경하면 사용할 수 있듯이 테마와 템플릿도 비슷합니다. 첫 번째로 추천하고 싶은 사이트는 http://www.bootstrapzero.com/ 입니다. 나름 괜찮은 테마와 템플릿이 있습니다. 다운로드는 회원 가입 여부는 필요 없습니다. 두 번째는 아주 괜찮은 사이트로 http://shapebootstrap.net/인데 무료와 유료 테마와 템플릿을 구할 수 있습니다. 거기 있는 모든 것이 무료가 아니고 PREMIUM TEMPLATES는 유료입니다. 무료는 첫 페이지에.. 더보기
부트스트랩, 쉬웠으나 반응형에 대해 몰랐다. 한국어 부트스트랩을 보면 부트스트랩은 반응형이며 모바일 우선인 웹 프로젝트 개발을 위한 가장 인기있는 HTML, CSS, JS 프레임워크라고 합니다. 제가 부트스트랩을 사용하면서 느낀 점은 유용하면서 쉽다는 것입니다. 위에서 말한 웹 프로젝트를 개발을 위한 것은 블로그나 홈페이지일 수 있습니다. 그리고 그것이 반응형 일 수도 아닐 수 있습니다. 아래에서 제가 부트스트랩(Bootstrap)을 다루면서 느낀 점을 적어보려 합니다. 참고로 아래 더보기에 간단히 부트스트랩 정보를 소개했습니다. 부트스트랩에 대한 구체적인 사항은 아래에서 배울 수 있습니다. 예로 부트스트랩으로 반응형 끄기 즉 비반응형 만들기는 http://bootstrapk.com/getting-started/#disable-responsive를.. 더보기
네이버 애널리틱스 통계를 믿어도 되는지... 저는 네이버 애널리틱스와 구글 애널리틱스가 플러그인으로 제공되기 전부터 티스토리 통계의 부족함을 느끼고 구글 애널리틱스 스크립트를 설치해서 사용했었습니다. 후에 네이버 애널리틱스도 생겨 어떨까 하고 설치했지만 네이버 애널리틱스 통계는 신뢰가 가지 않았습니다. 왜냐하면 네이버 애널리틱스에 나온 검색 유입에 관한 것이었다. 네이버 애널리틱스에 나오는 수치가 티스토리 통계의 유입 순위와 유입 로그를 나오는 수치와 전혀 일치하지 비숫하지 않았습니다. 그것에 대해 아래에서 적을까 합니다. 특히 유입로그를 보면 어디에서 유입되는가 볼 수 있는데 제 블로그는 다음과 구글에서 비슷하게 유입되는데 아래 수치는 거의 9배나 차이가 납니다. 네이버 애널리틱스로 보면 네이버 유입도 거의 80%로 나오는데 제 블로그 네이버 유.. 더보기
투명 부분 제거하기 Heal tranparency가 예전에 2015/09/11 - 배경에서 물체 지우기 따라하기를 할 때 설명한 Heal selection이라는 필터를 설치할 때 설치된 필터 같습니다. 그런데 그 사용법을 몰라 답답했습니다. 그러나 여기에 나온 동영상을 보고 알았습니다. Heal selection은 영역(selection)을 Healing하는 것이고 Heal tranparency는 투명(tansparency)을 Healing하는 것이었습니다. 필터가 영어라 어려웠습니다. 그럼 아래에서 그것에 대해 알아보겠습니다. 필터 다운로드와 설치는 2015/09/11 - 배경에서 물체 지우기 따라하기를 보면 됩니다. 위 사진의 크기는 가로가 800으로 가로 크기를 1000으로 으로 하면 투명 영역이 생길 것입니다. 그러.. 더보기