반응형 스킨 만들기 + 미디어 쿼리 기본 설정 html CSS body { -webkit-text-size-adjust: 100%; } 반응형 웹에서 핵심이라고 할 수 있는.. 미디어 쿼리 입니다. 보통 PC + Mobile 이나, PC + Tablet + Mobile 으로 사용을 많이 하시죠.. 그런데 웹사이트 제작자에 따라 미디어 쿼리 해상도는 천차만별입니다. 요즘은 다양한 기기들이 늘어나기도 하고요.. 일단 아이폰의 해상도를 알아보고.. 저만의 쿼리 해상도를 정해 보려고 합니다. 아이폰 해상도 기기해상도 iPhone SE1136 x 640 (568 x 320) iPhone 6(s), 7, 81334 x 750 (667 x 375) iPhone 6(s), 7, 8 Plus1920 x 1080 (960 x 540) iPhone XR179.. 티스토리(Tistory)/Miracle Skin 2018. 12. 22. 21:51 티스토리(Tistory) 스킨 기본 구조(Basic Structure) - skin.html 티스토리를 새로 시작하면서 스킨도 새로 만들어야 겠다고 생각이 들어서 티스토리 스킨 제작에 들어갔습니다. 예전에도 몇 번 만들려다가 그냥 만 적이 있었는데, 이번에는 쉽게 만들 수 있을꺼 같습니다. ^^ 예전 티스토리 스킨 가이드에서는 티스토리 스킨의 구조(structure)가 너무 심할 정도로 자세하게 나와 있었는데요.... 중간에 추가된 기능의 설명도 없었고요... 스킨 만들려고 다시 찾아보니.. 찾을 수가 없네요 ㅠㅠ 새로운 티스토리 스킨 가이드는 너무 단순화 해 버렸네요 ㅠㅠ 정확히 언제 생긴건지는 모르겠지만 새로 생긴 cover 기능 설명도 있긴 한데.. 너무 어렵게 적어 놨어요... 그냥 Tistory에서 제공해 주는 스킨 받아서 뜯어 보는게 제일 편하더라구요... Cover 적용된 스킨들 보.. 티스토리(Tistory)/Miracle Skin 2018. 11. 21. 02:03 티스토리(Tistory) 코드 하이라이트(Syntax Highlighter) 추천 안녕하세요 기적의 엉터리 개발자 클레인입니다. 블로그를 새로 만들게 되어, 코드 하이라이트를 새로 추가해야 해서... 코드 하이라이트를 다시 찾아보게 되었습니다. Alex Gobatchev의 SyntexHighlighter 4.0.1 버전을 티스토리에 적용시켜 보고 싶어서 이것저것 해봤지만.. 삽질만 하다가 결국 실패했습니다. 기존 블로그에서는 Ace Editor를 사용해서 티스토리에 직접 올려서 테마까지 수정해서 썻었는데... 테마 수정은 나중에 하고... 일단 cdn을 이용하기로 했습니다. 요즘 맥이랑 윈도우 둘 다 Sublime Text를 사용하고 있어서, 1. Monokai 테마가 있고, 2. 왼쪽에 라인 넘버 나오고, 3. Tap Stop이 표시되는 Ace Editor를 다시 사용하게 되었습니다.. 티스토리(Tistory) 2018. 11. 17. 22:18
