전체 글
-
티스토리 스킨 : 다운로드 버튼 이미지 변경컴퓨터/HTML & JS & TS 2016. 11. 15. 18:55
※ http://todiva.com/ 에서 제공하는 toPiece 테마를 기준 ※ http://nubiz.tistory.com/ 에서 제공하는 Material T Mark 5 스킨에서 추출 todo: find a way to remove icon fixed (normal) (hover) (real) 1. 스킨 css 파일을 연다. (toPiece v3.1.1 에선 style_topiece_v01.css) 2. .imageblock 을 검색해서 .imageblock 텍스트만 모두 지운다. ( .section_1 #article .imageblock { --- } 이렇게 있으면 .imageblock만 지운다. ) 스킨마다 달라서 판단은, 그냥 맨 아래에 추가해도 된다. 3. 스킨 css 파일에 아래 코드를 ..
-
크롬, 사파리 바로가기 홈 화면에 추가 HTML 메타 태그 (meta)컴퓨터/HTML & JS & TS 2016. 11. 15. 18:33
크롬이나 사파리에서 옵션에 '홈 화면에 추가'라는 기능이 있다. 따로 메타 태그를 사용하지 않으면 아이콘이 랜덤으로 생성된다. (구글 플러스 프로필 사진과 같은 글자 아이콘) 바로가기를 이용하여 사이트를 접속하면 크롬에서는 주소창이 없고, 최근 앱 메뉴에 별도의 액티비티로 간주된다. skin.html 에 사이에 아래 코드를 추가한다. 스킨 편집에서 android.png , ios.png를 업로드한다. 안드로이드 = 192 x 192 (px) iOS = 128 x 128 (px) apple-mobile-web-app-status-bar-style 메타 태그는 default, black, black-translu..
-
-
웹(Web) 제작 시 유용한 사이트컴퓨터/HTML & JS & TS 2016. 11. 13. 14:35
http://getbootstrap.com/ - (부트스트랩 bootstrap) http://www.favicon-generator.org/ - (파비콘 favicon 생성기) http://www.freenom.com/en/index.html?lang=en - (무료 도메인 ex: .cf) https://github.com/nolanlawson/optimize-js - (Javascript 최적화 도구) http://www.mp3smaller.com/ - (mp3 파일 용량 줄이기) http://www.iloveimg.com/compress-image - (이미지 파일 용량 줄이기) http://www.minifier.org/ - (css, javascript 압축기) http://unminify.com..
-
syntaxhighlighter Kotlin 브러쉬(brush)컴퓨터/HTML & JS & TS 2016. 11. 13. 14:26
스킨 편집 - 파일 업로드에 위 파일을 업로드하고, 사이에 아래 코드를 추가한다. 글을 쓸 때 HTML 버튼을 눌러 아래와 같이 사용한다. ( brush:kt 가능) Kotlin 소스 Kotlin 소스 예제 button.setOnClickListener { view -> println("clicked") } var hope val name: String? = if (user != null) { user.name } else { null } val length: Int? = if (name != null) { name.length } else { null } internal fun loadMainActivity() { val intent = Intent(this, MainActivity::class.jav..
-
티스토리 KaTeX 사용하기 (HTML 수학 기호)컴퓨터/HTML & JS & TS 2016. 11. 13. 13:23
KaTeX는 Khan Academy에서 제공하고있다. KaTeX는 MathJax와 같이 HTML에서 수학 기호를 표시하기 위한 좋은 플러그인이다. MathJax와 차이점은 매우 빠르고, 퀄리티가 좋고, server-side 렌더링을 지원한다. 사용 방법 1. 사이에 아래 코드를 추가한다. (20200729 버전 업데이트) 2. 글을 쓸 때 HTML버튼을 눌러서 아래와 같이 사용한다. MathJax 처럼 $$ 사이에 있는 식을 처리할 수도 있다. $$ 식 $$ 또는 \\[ 식 \\] $$ \int_2^3 $$ $$f(a,b,c) = (a^2+b^2+c^3)^3$$ $$f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x} \,d\xi$$ $$\left( ..