본문 바로가기
728x90
반응형

html32

이메일 퍼블리싱 고려사항 이메일 코딩시 주의사항 - 이메일은 모바일 우선 고려이므로 최대 폭 600-640px 로 작업하는 것이 좋다. - 이메일은 형태로 구성된다. - css는 모두 인라인으로 구성되어야한다. - 패딩을 쓸수 없을수도 있으니 공백을 넣은 td를 써서 여백을 준다 - 비어있는 의 width 나 height 값은 지정하지 못할 수도 있으므로 공백태그 를 꼭넣어준다 - 배경이미지는 사용불가능할 수도 있으니 대체 색상을 지정해주는 것이 좋다. - 이미지는 원본크기로 나오는 경우가 있을수 있으니 원하는 사이즈의 이미지를 사용하는것이 좋다.(이미지가 클수록 로딩 속도가 느려진다) 화질을 높이기 위해 큰이미지를 사용한다면, td 사이즈와 img 태그의 사이즈를 지정해준다. - 스타일 지정시에는 속성과 style 모두 지정한.. 2020. 2. 26.
[html]Video 태그 IOS autoPlay --> playsinline IOS (아이패드나 아이폰)에서 video autoplay="ture" 를 넣어도 자동재생이 되지않는다. 찾아보니 IOS에는 autoplay 대신 playinline을 써야한다. autoplay: 자동재생 playinline: IOS 자동재생 muted : 음소거 [html] - [HTML]video 태그에 포스터(썸네일) 이미지 넣기 [javascript/javascript] - [Html] video 태그 영상재생 종료 후에 함수 호출하기(video 태그의 속성 이용) 2020. 2. 19.
모바일 플로팅 확장 메뉴 만들기 - 버튼클릭시 서브메뉴가 열리는 아래와 같이 플로팅 메뉴 버튼을 하나 두고 클릭했을 때 서브메뉴가 열리는 확장 형태의 메뉴를 만드는 두가지 애니메이션 효과를 구현해 보았다. 1. 뒤에 숨겨져있다가 확장되면서 나오는 효과 2. 회전하면서 서브메뉴들이 나오는 효과 실제로 애니메이션이 어떻게 구현되었는지 아래 코드에서 확인해 보세요 See the Pen menu by gahyun (@gahyun) on CodePen. 2020. 1. 6.
[HTML] input checkbox 체크된 값 확인하기 속성값을 가져오는 방법으로는 attr(속성) prop(속성) 이 두가지 함수가 있다. attr 은 기본 속성값을 가져온다. (값이 변하지 않음. 처음 선언된값) prop는 현재 그 해당 속성의 값을 가져온다. 그래서 attr은 undifine 이고, prop는 체크 상태에 따라 값이 바뀐다 .. 또한 is(":checked") 를 통해 체크상태인지 아닌지 확인할 수 있다. prop("checked", false) / prop("checked", true) 를 통해 체크값을 제어할수 도 있다. See the Pen XWJawPB by gahyun (@gahyun) on CodePen. 2019. 12. 30.
728x90
반응형