블로그21 티스토리 블로그 북클럽 스킨, 유튜브 영상을 반응형으로 만드는 법 오늘은 블로그에 유튜브 영상을 반응형으로 올릴 수 있는 방법을 소개하겠습니다. 반응형이란? '반응형'이라는 단어의 사전적 의미는 '유전자와 환경의 상호 작용에 따라 동일한 표현형을 나타내는 개체의 무리'입니다. 블로그의 스킨들 중에서 유튜브의 영상을 올렸을 때 영상이 작게 올라가는 스킨들이 있습니다. 위의 이미지와 같이 지금 이 블로그의 스킨인 북클럽 스킨도 그렇습니다. 딱 봐도 뭔가 답답해 보이죠. 스킨은 반응형 스킨인데, 왜 유튜브는 반응형으로 나오지 않는지 모르겠습니다. 티스토리의 또 다른 반응형 스킨인 #2 스킨입니다. 이 스킨 같은 경우에는 별도로 수정을 하지 않아도 처음부터 이렇게 유튜브의 영상이 반응형으로 올라갑니다. 딱 봐도 #2 스킨이 훨씬 보기에 좋습니다. 지금부터 북클럽 스킨의 이러한.. 2021. 10. 1. 14:39 자바스크립트 JavaScript 카테고리를 만들었습니다. 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. HTML과 CSS 공부를 끝마쳤으니, 이제부터 자바스크립트 JavaScript의 공부를 하기 위해서 카테고리를 새로 만들었습니다. 코딩 공부 순서 유튜브의 코딩 채널인 조코딩에서도 HTML과 CSS, 그 다음은 자바스크립트 JavaScript를 배우라고 말하고 있고, 마찬가지로 코딩 채널인 노마드 코더에서도 HTML과 CSS 다음은 자바스크립트 JavaScript라고 말하고 있습니다. 그런데 노마드 코더에서 말하는 자바스크립트는 그냥 자바스크립트도 아니고, 앞에 '바닐라'라는 단어를 붙여서 바닐라 자바스크립트라고 말하고 있는데, 도대체 바닐라 자바스크립트란 무엇이냐.. 라이브러리・프레임워크가 없는 .. 2021. 1. 18. 12:52 다시 1일 1포스팅 모드로.. 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 1일 5포스팅은 쉬운 일이 아니었다.. 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 2020년 12월 26일부터 1일 3포스팅~5포스팅 시작 이 포스팅은 PC로 작성되었습니다. 모 gogogameboy.tistory.com 얼마 전에 썼던 위의 글에서 제가 관리하는 메인 블로그와 이 블로그까지.. 두 블로그 통틀어서 하루에 최소 3포스팅을 하겠다고 썼었고, 계속 지켜왔습니다. 그런데 이제 저의 오프라인 생활과의 나름의 균형을 맞추기 위해서 이제는 블로그를 유연하게 운영할까 합니다. 무조건 하루에 몇 포스팅은 해야한다는 원칙을 깨고, 시간.. 2021. 1. 17. 15:04 블로그에 CSShake 효과 주기 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 드리머 미스티 음악・악기・독서・여러가지 생활 정보 등을 제공합니다 mystee.tistory.com 저의 메인 블로그에 가보셔서 블로그의 이름인 "드리머 미스티"라고 쓰여있는 곳에 마우스 커서를 올려주면 블로그의 이름이 춤을 추는 듯이 움직이는 것을 보실 수가 있습니다. 그 효과를 주는 방법을 알려드겠습니다. HTML과 CSS를 전혀 모르시는 분들은 무슨 내용인지 이해를 할 수 없는 글이 될 수도 있습니다. 무슨 말인지 전혀 모르겠지만 이 효과를 꼭 주고 싶은 분들은 이 블로그의 카테고리 html과 css를 통해서 공부를 해보시기를 권해드립니다. 참고 포스트 CSS 트랜스폼 중심축 바꾸기 이 포스팅.. 2021. 1. 16. 14:26 블로그 로딩 속도를 줄이기 위한 팁 (feat. 이미지 사이즈) 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 블로그나 웹사이트에 올린 사진의 용량이 크면 클수록 페이지를 로딩하는 시간이 길어진다는 것은 상식입니다. 하지만 블로그 초보자들은 이 상식을 대충 알고는 있지만 간과하기 쉽죠. 이번에는 포토샵을 이용해서 사진의 용량을 줄이는 방법을 공부해보겠습니다. 포토샵으로 이미지 파일의 크기와 용량 줄이기 포토샵, 사진 크기 변경하기 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 줄 바꿈이나 문단의 나눔 등이 어색하게 보일 수 있습니다. 포토샵을 실행시킨 후, 상단 메뉴의 File > Open... 을 클릭하거나 단축키 mystee.tistory.com mystee.tistory.com/576 .. 2021. 1. 15. 17:08 구글 애드센스 일치하는 콘텐츠 광고 다는 방법 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 일치하는 콘텐츠 광고를 달 수 있는 조건이 성립되다 구글 애드센스에 로그인을 해서 좌측 메뉴를 보면 사이트 > 일치하는 콘텐츠 가 있습니다. 제가 전부터 관리하던 메인 블로그에는 예전부터 일치하는 콘텐츠 광고를 달아뒀지만, 이 블로그는 아직 일치하는 콘텐츠 광고를 달 수 있는 조건이 성립이 되지 않았었죠. 그런데, 오늘 구글 애드센스에서 '일치하는 콘텐츠'를 확인하니.. 이 블로그에도 이제는 일치하는 콘텐츠 광고를 달 수 있다고 이렇게 나와있었습니다. 일치하는 콘텐츠 광고를 달 수 있는 조건이 정확이 뭔지는 모르겠으나, 저의 이 블로그 같은 경우에는 방문자 수도 많지 않음에도 불구하고 총 게시글이 .. 2021. 1. 9. 11:29 티스토리 블로그 CSS로 폰트 변경하는 방법 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 오늘은 티스토리 블로그의 폰트 글꼴과 사이즈를 변경하는 방법을 알아보겠습니다. CSS 폰트 사이즈는 rem 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 선택자 공부 사이트, 같이 풀어봅시다. (feat. flukeout.github.io) 이 포스 gogogameboy.tistory.com 제 블로그의 CSS 카테고리에 위와 같은 글이 있습니다. 대충 요약하자면 '웹페이지 사용자의 편의를 위해 폰트의 단위는 픽셀(px)을 쓰는 것보다 rem을 쓰는 것이 좋다'라는 것인데, 이 블로그 말고 저의 메인 블로그가 스킨 편집.. 2021. 1. 6. 12:30 1일 5포스팅은 쉬운 일이 아니었다.. 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 2020년 12월 26일부터 1일 3포스팅~5포스팅 시작 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 블로그 주제 변경합니다. 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들 gogogameboy.tistory.com 위의 포스팅을 올린 지 이제 막 일주일이 넘어가는 시점에서 계획을 약간 변경할까 합니다. 저의 메인 블로그까지 포함해서 하루에 최소 3포스팅을 할까 합니다. 저의 메인 블로그는 메인 블로그대로 따로 관리하면서, 이 블로그만 하루에 3포스팅 이상 하려니 너무 시간이 부족하네요. 그래도 초반에는 기세 좋게 이 블로그에.. 2021. 1. 5. 09:51 일본 음악의 가사 번역을 하는 카테고리를 만들었습니다. 'musician mystee/favorite j-pop 일본어 번역' 카테고리의 글 목록 음악・악기・독서・여러가지 생활 정보 등을 제공합니다 mystee.tistory.com 위에 링크시킨 웹페이지는 제가 운영하는 메인 블로그인 '드리머 미스티'의 'favorite j-pop 일본어 번역'이라는 카테고리입니다. 돈 없이 유학을 다녀온 이야기 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 정보를 제공하는 포스팅에는 주로 이야기를 하듯이 경어체를 쓰지만, 이 포스팅은 mystee.tistory.com 20대 중반의 어렸던 시절, 집에서 반대를 하며 지원을 해주지도 않았지만 혼자의 힘으로 무모하게 다녀왔던 일본 유학.. 그때 익힌 일본어 실력을 이.. 2020. 12. 28. 15:06 이전 1 2 3 다음
