오랜만에 태그를 쓸일이 있어 사용하다 보니 크롬에서 autoplay가 먹지 않는다. 이유를 알아보니 구글 정책이 바뀌면서 소리가 들어가는 영상에서는 autoplay가 먹지 않는다. 다행히도 이번 작업에서의 소리가 필요가 없어 muted를 넣음으로 인해 autoplay가 구동 된다. 항상 유튜브 영상만 불러오다보니 태그를 쓸일이 없었는데 이참에 또 다른 지식을 하나 얻은 느낌이다. 아니면 내가 이젠 시대에 뒤쳐져 있거나 이참에 태그에 대해 간략히 정보만...  태그는 html 에서 비디오를 볼수 있게 할 수 있는 태그 이며 지원 형식은 MP4, WebM, OGG파일이다. 이벤트 옵션으로는autoplay     자동재생    autoplay  muted>  //크롬에서 autoplay를 쓰려면 mute..

쿠쿠 작업장(home page)/web 관련 2024. 6. 28. 13:54

html 로 그림을 그릴수 있는 svg 태그 벡터 방식이라는데 태그로 일일히 그림을 그리는것 보다는 그냥 일러에서 그리는게 정신적으로는 편함. ㅡㅡ;; 하지만 유용한 것들이 많아서 그냥 끄적끄적...... svg element 사용법은 다음과 같다. 사용은 일반 html 코딩과 같은 구조 이며 안에 shape명만 적어주면 된다. shape 의 종류는 아래와 같다. Rectangle 사각형Circle 원Ellipse 타원Line 선Polyline 꺽이는 선Polygon 다각형Path 흠... 패치를 어떻게.......그냥 선연결이라고 해야하나? shape 종류의 사용법 박스의 기본 형태이며 width값이나 height값은 일반 html코딩과 다를게 없다. 단 style에 들어가는 내용이 조금 틀리다. ba..

쿠쿠 작업장(home page)/web 관련 2019. 11. 27. 14:52

지금은 이렇게만 하면 숫자만 받지만 저렇게 하게 됨 특정브라우저에서는 input 박스 안에 버튼 두개가 생성됨 위, 아래 숫자를 늘리고 줄이는 버튼....... 간단히 숫자외의 글자는 없애 버리는 팁 빨간색의 조건을 input 안에 넣게 되면 숫자만 입력 받음

쿠쿠 작업장(home page)/web 관련 2017. 4. 4. 13:44

물론 여러가지 방법이 있겠지만 안에 select를 넣어서javascript 또는 jqeury를 사용하는 방법두 있지만 서두 그냥 귀찮을때 써먹을수 있는 방법 하나 사이트명 위와같이 하게 되면 select 된값을 새창으로 열어준다.

쿠쿠 작업장(home page)/web 관련 2016. 11. 18. 14:19

em 계산기 em 으로 코드 작성할때마다 머리 아픈데 자동 계산해 주는 사이트가 있어서 ㅡㅡ;; px, %, em을 계산해 주는 사이트 http://pxtoem.com/

쿠쿠 작업장(home page)/web 관련 2014. 11. 13. 13:36

웹사이트를 제작을 하다보면 여러 브라우저에서 테스트를 하게 되는데 이상하게 시리 ie테스트를 하다보면 문서모드가 자꾸 하위버젼으로 바뀌는 경우가 생긴다.ㅠㅠ이런경우 아래와 같은 메타 태그를 이용하여 풀 수가 있다. ie 1. Quirks Mode 설정 2. Internet Explorer 7 Standards 모드 3. Internet Explorer 8 Standards 모드 4. 가장 최신 Internet Explorer 버전의 Standards 모드 기본적으로는를 많이 쓴다. 5. 추가로 사용자의 PC에 Chrome Browser 가 설치되어 있다면 아래와 같이 설정하여 Chrome Frame 을 이용하여 랜더링 하도록 지정할 수도 있다. 11부터는 호환가능("compatible") 및 브라우저("..

쿠쿠 작업장(home page)/web 관련 2014. 10. 21. 18:25

https://code.google.com/p/html5shiv/ placeholders.min.js ie9이하 버젼에서 placeholders 사용할수 있게끔 한것

쿠쿠 작업장(home page)/web 관련 2014. 9. 2. 14:01

페이스북용 메타태그

쿠쿠 작업장(home page)/web 관련 2014. 6. 26. 00:14