컴퓨터/HTML & JS & TS
-
HTML 자바스크립트 오디오 소스 조작컴퓨터/HTML & JS & TS 2017. 6. 28. 14:45
사이트 접속하자마자 자동 재생됨 (순서 랜덤), HTML5 audio(id=player) 위젯 삽입 필요 HTML5 기본 위젯뿐만 아니라 커스텀 플레이 버튼이 있을 경우를 위함 (오디오 소스 플레이하고 재생 중인 곡 정보 얻기) ※ 크롬 오디오 정책이 변경되어 음소거된 음악/영상만 자동 재생됩니다. 예) toast + FAB ※ playinginfo 가 현재 재생하는 곡 정보 LIVE See the Pen #jsmusic by 최석원 (@alfex4936) on CodePen. // ESLint 부분 적용 let player; // 오디오 파일 리스트 const audioFiles = [ 'music/1.mp3', 'music/2.mp3' ]; // 현재 재생 곡 정보 manually 불러오기 let p..
-
티스토리 스킨 : 다운로드 버튼 이미지 변경컴퓨터/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..