백.전.백.승.
티스토리를 포함하여 다양한 블로그, 모바일 앱, 웹, 웹 앱, 프로그램, 브라우저 등 도움이 될만한 유용한 정보를 적고 있다. 그런데 티스토리를 오래 해서 이제는 쓸 것이 마땅하지 않다. 중복되는 내용도 많아 짜증 날 것이며 나도 그 글을 볼 때 짜증 난다.
"백.전.백.승."
2912
-
[비공개] 상업적 사용 동영상 얻기
(adsbygoogle = window.adsbygoogle || []).push({}); #background { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(polina.jpg) no-repeat; background-size: cover; } 이 글에 나타난 배경과 같이 동영상이필요할 것입니다. 이때 좋은 사이트가 잘 알고 있는 https://pixabay.com/ 입니다. 전에 그곳은 이미지만 제공했는데 최근에 동영상도 제공합니다. 그러니 이미지만 제공한다고 생각하면 안 됩니다.그리고단순히동영상을 구할 수 있는 것이 아니라 질 있는 동영상입니다. 질 낮은 동영상을 잊으세요. 동영상도 음소거된 동영상과 음이 있는 동영상이 있는데 음소거된 동영상이 많습니다. 참고로 아래 그림에 나왔으며 ..추천 -
[비공개] 부트스트랩,요소 감추기
(adsbygoogle = window.adsbygoogle || []).push({}); 부트스트랩(Bootstrap)에서 사용하면서 마음에 드는 점이라면 기기가 특정 해상도에서 원하는 부분을 감출 수 있다는 것이었습니다. 알았으면 하는 것이 있는데 크롬에서는정상적으로 보였지만 저의 익스플로러 8에서는 상단의 애드센스는 안 보이고 하단의 애드센스가 보입니다. 익스플로러 낮은 버전은 정말 골치입니다. 그리고 아래에서 설명할 것은 부트스트랩의 그리드 시스템을 모른다면 어려울 것입니다. 부트스트랩은 특정 해상도에서는 요소를 감출 수 있을 것입니다. 예로아래 그림에 나왔듯 클래스에 hidden-xs를 사용하면 스마트폰(매우 작은 기기)에서 요소를 사라지게 할 수 있습니다. 처음 부트스트랩은 봤을 때 매우 작은 기기(스마트폰),작은 기기(태블릿),중간 기기(PC),큰 기기(PC)가 헷갈렸지만 많이 ..추천 -
[비공개] 티스토리와 네이버포스트, 미리보기
(adsbygoogle = window.adsbygoogle || []).push({});티스토리 미리보기 2015.8.19에 추가된 아래와 같은 것이 미리보기가 생겨 스킨을 편집하면 PC,태블릿,스마트폰에서 어떻게 보이는지 확인할 수 있습니다. 그렇다고 100% 정확하지는 않습니다. 만약 자신의 블로그가 반응형이 아니라면 스킨편집을 한 후 아래로 확인하여 초록색 상자 안에 태블릿과 스마트폰으로 나오는 것은 화면은 무의미할 것입니다. 왜냐하면 태블릿이나 스마트폰에서는 글자, 이미지 등이 잘리거든요. 위미리보기를 통한 확인은반응형이라는 조건이 있습니다. 제 블로그가 반응형이라 미리보기 확인을 유용하거든요. 반응형은 PC,태블릿,스마트폰 등의 해상도에 따라 변하거든요.PC에서 미리보기는 PC 환경에서 스마트폰이나 태블릿에서 어떻게 보일 것라는 예측입니다. 확실히 보기 위해서는 PC..추천 -
[비공개] 부트스트랩에서 요소 위치
(adsbygoogle = window.adsbygoogle || []).push({});이 블로그에서는 부트스트랩(Bootstrap)을 사용하고 있어서 아래와 같이 사용하면 됩니다. 만약 부트스트랩이 아니면 아래와 같이 사용하면 안됩니다. 글자나 문장 정렬 글자나 문장 정렬도 쉽습니다. 아래 코드를 보듯이 여러분이 알고 있는 CSS를 클래스(class)에 써주면 정렬해 줍니다. 만약 특정 문장을 가운데로 정렬하고 싶다면중앙 정렬해주면 될 것입니다. 예는 더보기를 보면 됩니다. 참고로위에서 이 블로그는 부트스트랩을 사용한다고 적었습니다.더보기그들의 예수는 만물은 인간이 기쁘며, 시들어 이상을 피는 위하여서. 따뜻한 방황하여도, 창공에 사라지지 소금이라 그들은 찾아 것이다. 별과 위하여, 맺어, 곳이 그것은 꽃 가치를 반짝이는 듣는다. 위하여 이상 우리의 같지 생생하며, 운다. 붙잡아 바로 ..추천 -
[비공개] 부트스트랩 무료 테마와 템플릿
(adsbygoogle = window.adsbygoogle || []).push({});무료로 사용할 수 있는 부트스트랩 테마(theme)와 템플릿(template)를 소개하려고 합니다. 테마와 템플릿은 티스토리에 있는 서식과 비슷합니다. 다른 예로문서 서식과 비슷하다거나 할 수 있습니다. 서식을 사용하기 위해서 서식의문구만 변경하면 사용할 수 있듯이 테마와 템플릿도 비슷합니다. 첫 번째로 추천하고 싶은 사이트는http://www.bootstrapzero.com/ 입니다. 나름 괜찮은 테마와 템플릿이 있습니다. 다운로드는 회원 가입 여부는 필요 없습니다. 두 번째는 아주 괜찮은 사이트로 http://shapebootstrap.net/인데 무료와 유료 테마와 템플릿을 구할 수 있습니다. 거기 있는 모든 것이 무료가 아니고PREMIUM TEMPLATES는 유료입니다.무료는 첫 페이지에서 스크롤을 아래 그림에 나왔듯 FREE ITEMS까지 내린 후 모든 무료 테마를 보기 ..추천 -
[비공개] 부트스트랩, 쉬웠으나 반응형에 대해 몰랐다.
(adsbygoogle = window.adsbygoogle || []).push({});한국어부트스트랩을 보면 부트스트랩은 반응형이며 모바일 우선인 웹 프로젝트 개발을 위한 가장 인기있는 HTML, CSS, JS 프레임워크라고 합니다. 제가 부트스트랩을 사용하면서 느낀 점은 유용하면서 쉽다는 것입니다.위에서 말한 웹 프로젝트를 개발을 위한 것은 블로그나 홈페이지일 수 있습니다. 그리고 그것이 반응형 일수도 아닐 수 있습니다. 아래에서제가 부트스트랩(Bootstrap)을 다루면서 느낀 점을 적어보려 합니다. 참고로 아래 더보기에 간단히 부트스트랩 정보를 소개했습니다.더보기부트스트랩에 대한 구체적인 사항은 아래에서 배울 수 있습니다. 예로 부트스트랩으로 반응형 끄기 즉 비반응형 만들기는http://bootstrapk.com/getting-started/#disable-responsive를 보면 됩니다. 부트스트랩을 반응형을 만들기 위해서니..추천 -
[비공개] 네이버 애널리틱스 통계를 믿어도 되는지...
(adsbygoogle = window.adsbygoogle || []).push({});저는 네이버 애널리틱스와 구글 애널리틱스가플러그인으로 제공되기 전부터 티스토리 통계의 부족함을 느끼고 구글 애널리틱스 스크립트를 설치해서 사용했었습니다. 후에 네이버 애널리틱스도 생겨 어떨까 하고 설치했지만네이버 애널리틱스 통계는 신뢰가 가지 않았습니다. 왜냐하면 네이버 애널리틱스에 나온 검색 유입에 관한 것이었다. 네이버 애널리틱스에 나오는 수치가 티스토리 통계의 유입 순위와 유입 로그를 나오는 수치와 전혀 일치하지 비숫하지 않았습니다. 그것에 대해 아래에서적을까 합니다. 특히 유입로그를 보면 어디에서 유입되는가 볼 수 있는데 제 블로그는 다음과 구글에서 비슷하게 유입되는데 아래 수치는 거의 9배나 차이가 납니다. 네이버 애널리틱스로 보면 네이버 유입도 거의 8..추천 -
[비공개] 투명 부분 제거하기
(adsbygoogle = window.adsbygoogle || []).push({});Heal tranparency가예전에2015/09/11 - 배경에서 물체 지우기 따라하기를 할 때 설명한Heal selection이라는 필터를 설치할 때 설치된 필터 같습니다. 그런데 그사용법을 몰라 답답했습니다. 그러나여기에 나온 동영상을 보고 알았습니다.Heal selection은 영역(selection)을 Healing하는 것이고Heal tranparency는 투명(tansparency)을 Healing하는 것이었습니다. 필터가 영어라 어려웠습니다. 그럼 아래에서 그것에 대해 알아보겠습니다. 필터 다운로드와 설치는2015/09/11 - 배경에서 물체 지우기 따라하기를 보면 됩니다. 위 사진의 크기는 가로가 800으로 가로 크기를 1000으로 으로 하면 투명 영역이 생길 것입니다. 그러나 Heal tranperancy 필터를 이용하면 아래와 같이 됩니다. 아래 사진은 위와 변한 것이 없으나 위는 가로 크기가 800이고 아래는 10..추천 -
[비공개] 빈공간에 텍스처 채우기
(adsbygoogle = window.adsbygoogle || []).push({});김프에 등록된 텍스처를 제외하면 이미지에채우는 못하는 것으로 알았습니다. 그런데 텍스처를 복사하면 된다는 것을 알았습니다. 이제는 채우기를 원하는 텍스처를 단지복사하면 간단한 것을 몰랐습니다. 김프 동영상을 보다가우연하게 알았습니다.채우기 도구를 선택하면 기본적으로도구 옵션이 아래 그림과 같이 나옵니다. 전경색 채우기는 검정으로 채우는 것입니다. 저는 다음과 같이 했습니다. 위에서 적었듯이 영역에 채울 텍스처가 클립보드에 복사 상태에 있어야 하니 어떤 방식을 통해서든 텍스처를 복사합니다. 동영상을 보니 텍스처를 구글 검색을 통해서 복사하더라고요.저는 김프에서 텍스처를 열어 복사했습니다. 텍스처가 복사됐다면 도구 옵션을 보면 아래 그림처럼 무늬로 채우기의 흰색이 ..추천 -
[비공개] 구글블로그로 이사하게 된다면 걱정 2가지
(adsbygoogle = window.adsbygoogle || []).push({}); 데이터를 가지고 이사하기에 마땅한 블로그... 무료인 구글 블로그가 있기는 하지만 아래 두 가지 걱정... 첫 번째는해외 무료 블로그에서 좋은 곳은 구글 블로그라고 생각합니다. 그러나 구글 블로그에 티스토리 데이터를 옮기는 것은 귀찮습니다. 우선워드프레스 플러그인 TTXML IMPORTER로 한번에 가능하면 좋겠지만2015/06/07 - 구글블로그로 복원하는 방법을 알았다.에서 볼 수 있듯이그렇게 할 수 없다는 것을 알 수 있습니다. 하여튼 여기있는 데이터를 가져가야 한다면....데이터를 어렵게 가져갔다 해도 문제는 있습니다. 구글블로그에 티스토리 데이터를 복원이 가능해도 구글블로그와 티스토리가 너무 다르거든요. 구글 블로그에는 카테고리, 트래백, 방명록, 공지 등이 없습니다.구글 블로그를 처음 하는 사람..추천
1510개
1044735개
715180개
