IT & 기타 675

블랙프라이데이 비디오하이브 Videohive 동영상 템플릿 할인

블랙프라이데이 시즌을 맞이하여 동영상 편집에 사용할 수 있는 After Effects, Apple Motion, Premiere Pro 템플릿 파일을 판매하는 엔바토 마켓 (Envato Market)의 비디오하이브 (Videohive)의 100여 개 품목이 50% 할인된 가격이 판매되고 있습니다.엔바토 마켓에서 판매하는 동영상 효과, 템플릿 등을 유튜브 영상 또는 채널이나 TV 시리즈물 등에 사용하는 경우 라이선스는 다음 글을 참고해보시기 바랍니다.엔바토 마켓에서 구입한 제품을 유튜브나 시리즈물에 사용하는 경우 라이선스블랙프라이데이 기간 동안 50% 할인 행사를 하는 동영상 템플릿, 음악, 그래픽 파일 등의 전체 리스트는 다음 사이트를 참고해보세요.▷ Envato Cyber Monday & Black F..

티스토리 사이트맵을 빠르게 만드는 방법 (사이트맵 자동 생성 사이트)

네이버 웹마스터도구와 구글 서치 콘솔에 티스토리 블로그의 사이트맵을 제출하려면 사이트맵 생성 사이트에서 사이트맵을 만들 수 있습니다. XML 사이트맵을 생성하는 다양한 사이트가 있습니다. 많이 알려진 사이트 중 하나가 xml sitemap generator라는 사이트(http://www.check-domains.com/sitemap/index.php)입니다.무제한 페이지에 대하여 사이트맵을 생성해주므로 저도 이 사이트에서 사이트맵을 만들었습니다. 하지만 글 개수가 많다 보니 너무 오래 걸리고 오류가 발생하여 빠르게 사이트맵을 만들어주는 사이트가 필요했습니다. 글 개수가 많아서 사이트맵 생성에 많은 시간이 걸리는 경우 다음 사이트를 이용해볼 수 있습니다.▷ Online XML Sitemap Generato..

티스토리 북클럽 Book Club 스킨에서 사이드바 고정하는 간단한 방법

이 티스토리 블로그에는 현재 Book Club (북클럽)이라는 가장 최근에 공개된 스킨이 사용되고 있습니다. 현재 사이드바의 크기를 조금 조정했고, IE를 제외하고는 사이드바가 마우스를 스크롤할 때 함께 따라 내려가도록 설정되었습니다. 티스토리 북클럽 스킨에 사이드바를 고정하고 싶은 경우 아래의 방법을 시도해볼 수 있습니다. 목차 티스토리 북클럽 (Book Club) 스킨에서 사이드바 고정하는 심플한 방법저는 사이드바를 고정하기 위해 다음과 같은 CSS 코드를 추가했습니다./* 사이드바 너비 지정 및 고정 */ @media screen and (min-width:1081px) { #aside { width: 26%; padding: 75px 0 32px; box-sizing: border-box; pos..

네이버 나블로거야 이벤트 네이버페이 천 포인트 지급

네이버에서 블로그 16주년 이벤트로 #나블로거야 이벤트를 실시하고 있네요. 참여만 해도 네이버페이 포인트 1,000원을 받을 수 있습니다.ㅎ #나블로그 태그 20만 개 이상 달성되면 추가로 1000원을 지급한다고 하네요. 네이버 블로그를 운영하고 있다면 참여하여 꼭 포인트를 챙기세요. 태그 15개가 넘으면 150명을 추첨하여 포인트 50,000원을 지급한다고 하니, 많이 참여할 수록 블로거들에게도 이득이 될 것 같습니다. 네이버 입장에서도 비교적 저렴한(?) 투자로 많은 콘텐츠를 생성할 수 있는 기회이지 싶네요. 티스토리는 이벤트를 실시하지 않네요. (돈이 없어서ㅠ) 참고: 지난달 구글 애드센스 수익 - 월 최고 기록 갱신

IT & 기타/IT 2019.11.19

이미지 무한 회전 애니메이션 CSS

로고나 이미지를 연속적으로 회전시키는 애니메이션 효과를 주고 싶은 경우 다음과 같은 CSS 코드를 활용할 수 있습니다. HTML 코드: CSS 코드:#rotating_img { -webkit-animation: rotation 2s infinite linear; } @-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);} } 실제 작동을 다음 jsfiddle에서 확인해볼 수 있습니다. http://jsfiddle.net/1uj0e74r/ 위의 코드는 다음 Stackoverflow 글에서 인용했습니다. 다음 글에서 자세한 내용을 살펴보시기 바랍니다. CSS3 Conti..

IT & 기타/CSS 2019.11.12

반응형 HTML 차트 및 그래프 Finecharts 무료 다운로드

워드프레스 테마와 플러그인, HTML 템플릿 및 각종 템플릿과 코드, 그래픽, 동영상 템플릿, 음악 파일 등을 판매하는 Envato Market에서 매월 유료 항목을 지정하여 한 달 동안 무료로 다운로드하도록 제공하고 있습니다. ☞ MailChimp, Mailster용 이메일 템플릿 무료 다운로드 (2020년 10월) ☞ 포트폴리오 HTML 템플릿 무료 다운로드 (2020년 9월) 2019년 11월에는 HTML 템플릿과 HTML 차트 및 그래프, 동영상 템플릿, 그래픽 및 음악 파일들을 무료로 다운로드할 수 있습니다. 여기를 클릭하여 매월 무료로 다운로드할 수 있는 항목들을 살펴볼 수 있습니다. Responsive Ready to Use Charts - Finecharts (곧바로 사용 가능한 반응형 차..

IT & 기타/HTML 2019.11.01

구글 애드센스: 너무 낮은 페이지 RPM과 노출 RPM

페이지 RPM이란 1,000회 노출당 페이지 수익을 나타낸 값으로 예상 수입을 페이지 조회수로 나눈 후에 1000을 곱한 값입니다. 페이지 RPM = (예상 수입 / 페이지 조회수) * 1000 RPM이 평균 어느 정도 되어야 하는지 궁금하여 검색해보니 "애드센스 커뮤니티에서는 평균적으로 $1~2정도가 나온다"고 하는 것 같습니다. 해외의 경우 어떤 글에서는 5~10달러 정도라고 하네요. 우리나라 광고 단가가 미국 등의 국가에 비해 낮다는 것은 잘 알려져 있습니다. 이 블로그의 경우 페이지 RPM이 1달러에도 못 미치고 있습니다. RPM이 낮아도 너무 낮아서 조회수에 비해 수익이 너무 저조한 편입니다. 그래서 광고를 모두 제거하고 하단의 '일치하는 광고'만 남겨두었습니다.ㅠ 워드프레스로 된 메인 블로그는..

쉽게 특수문자를 입력하는 방법

제가 가끔 방문하는 개발자 커뮤니티의 유머란에 올라온 방법입니다. 매우 유용한 것 같아 공유합니다. 아래의 방법으로 특수문자를 입력하는 방식은 숫자 키패드가 없는 텐키리스 키보드에서는 작동하지 않습니다. 가성비 텐키리스 키보드 콕스 CK87 구입 후기 오랫동안 저렴한 마이크로소프트 키보드와 로지텍 키보드를 사용하다 1개월 전에 가성비가 좋은 것으로 평가되는 콕스 CK87 텐키리스 키보드를 구입했습니다. 텐키리스 키보드 중에서는 가격이 avada.tistory.com 쉽게 특수문자를 입력하는 방법 한글 자음 'ㅁ'을 입력한 다음 곧바로 키보드의 '한자' 키를 누르고 탭(Tab) 키를 누르면 특수문자를 선택할 수 있는 리스트가 표시됩니다. ">>"를 클릭하면 특수문자 리스트 화면이 펼쳐지면서 다음과 같이 다..

IT & 기타 2019.10.24

CSS: 대문자로 또는 소문자로 바꾸는 속성 - text-transform

제목이나 인용구의 모든 글자가 대문자로 표시되는 경우가 있습니다. 그런 경우 CSS의 text-transform 속성을 사용하여 소문자로 변환할 수 있습니다. text-transform 속성을 이용하여 대문자 또는 소문자로 변환하더라도 본래의 텍스트는 그대로 유지됩니다. (즉, 브라우저상에서만 대문자 또는 소문자로 변환되어 표시됩니다.) text-transform 속성 정의 및 사용법 text-transform 속성은 텍스트의 대소문자 표시 형식을 제어합니다. 기본 값: none 상속: Yes 버전: CSS1 JavaScript 문법: object.style.textTransform="uppercase" 한글에서는 대소문자가 없으므로 이 속성은 한글에는 영향을 미치지 않습니다. 브라우저 호환성 CSS 문..

IT & 기타/CSS 2019.10.22

p 태그에 마진(margin) 여백이 적용되지 않는 경우

인용구(Blockquote) 내의 태그에 여백(margin)이 적용되지 않는 문제가 종종 발생합니다. 예를 들어, 워드프레스 Newspaper 테마의 인용구(blockquote)에서 태그에 margin-top이나 margin-bottom을 적용해보아도 먹히지 않았습니다. p 태그에 마진(margin) 여백이 적용되지 않는 경우 이 문제에 대하여 검색해보니 stackoverflow의 Margin-top not working for and tag? ( 태그와 태그에서 Margin-top이 작동하지 않는 문제) 글에서 이 문제를 다루고 있습니다. Margin Collapsing이라는 문제와 관련이 있는 것 같습니다. Margin Collapsing은 "여백 상쇄", "마진 겹침" 등으로 번역되어 있네요. Ma..

IT & 기타/CSS 2019.10.20