html (22) html 2023. 5. 4. 15:17 [html]inputmode 인풋 input 키보드 설정 모바일로 확인 가능 See the Pen inputmode by sangmok-ye (@sangmok-ye) on CodePen. html 2022. 10. 21. 17:09 [html]클래스명 및 변수 네이밍 방법 / css 방법론 스네이크 케이스 name_value 카멜 케이스 nameValue 파스칼 케이스 NameValue *헝가리 어쩌고로 타입을 정해주는것도 있으나 잘안씀 (ex. intNum strName 등) css 방법론 OOCSS - 일반적으로 흔히 사용하는 방법 - 구조와 외형, 컨테이너와 내용을 분리시켜 작성함 ex) .title / .sub_title / .btn / .btn.tel 등 BEM - 클래스만을 하용하며 id는 사용하지않음 - 블록, 엘리먼트, 모디파이어로 나누어서 클래스명을 작성 - 블록__엘리먼트--모디파이어 - 일반적으로 언더바 2개, 하이픈 2개씩 작성하지만 꼭 그렇지는 않은 듯 - 더블클릭시 하이픈은 제대로 선택이 되지않음. 통일성만 가지고가면 좋을듯함 - 컴포넌트 단위로 가이드를 작성할때 .. html 2022. 8. 19. 10:10 [html]table width 자체 속성 table의 경우 css가 아닌 태그 속성 width를 이용 해서 width설정이 가능 1 2 3 4 테이블 width값이 600일 경우 td:last-child의 경우, 600 - 나머지 px값으로 width가 설정됨 td:last-child width="50"을 기입했을 경우, 200+100+50+50이 600이 되지않으므로 4:2:1:1 비율로 설정됨 테이블 자체 속성인듯함 ** colgroup에 style로 주는게 더 좋을듯 함 했는데도 안되면 table-layout:fixed가 있는지 확인할것 html 2022. 7. 20. 11:27 [html]안드로이드 다운로드 문제 download // ↓ 변경 전 오픈 // ↓ 변경 후 오픈 html 2022. 5. 4. 14:20 [html]이미지맵 img-map 좌표 찾는 사이트 https://www.image-map.net/ - rect 사각형 poly 다각형 circle 원형 - img usemap속성과 map name속성 통일시킬 것 - rwdImageMaps.js를 활용하여 반응형 제작 $('img[usemap]').rwdImageMaps(); https://github.com/stowball/jQuery-rwdImageMaps html 2022. 4. 11. 09:40 [html]input readonly 수정불가한 인풋텍스트 See the Pen Untitled by sangmok-ye (@sangmok-ye) on CodePen. readonly와 disabled의 가장 큰 차이는 form태그 구현 시 전송 여부 readonly는 전송됨 disabled는 전송불가 상황에 따라 다르겠지만 일반적인 경우 리드온리+온포커스 추천 아마... html 2022. 2. 4. 10:18 [html]vscode비쥬얼스튜디오 코드 입력 단축키 section.cont$*6 div*10{$} 1 2 3 4 5 6 7 8 9 10 html 2022. 1. 14. 17:42 [html]keyframe을 이용한 움직이는 svg See the Pen svg-animation by sangmok-ye (@sangmok-ye) on CodePen. svg-animation ... codepen.io stroke-dasharray는 path의 길이 stroke-dashoffset이 0으로 향할수록 path가 나타남 js로 array와 offset을 path길이만큼 설정 후 keyframe으로 offset을 0으로 만들어 path가 나타나게 함 +) array=offset일 경우 선이 완전이 생기고 난 후 바로 사라짐 offset을 *2할 경우 사라지고 생기고를 반복함 이전 1 2 3 다음