개발자의 끄적끄적

[html/css] html input enter no submit example / html input 엔터 submit 막는 방법 form 데이터로 입력을 받아서 서버로 전송하기 위해서 엔터키를 입력하면 특정 함수를 호출하도록 작업을 하곤 합니다. 그런데 특정경우에는 엔터키를 제어하는데 무조건 submit 이 되어 버리는 현상이 있습니다! 그럴때는 아래 속성을 form 태그에 추가해주시면 됩니다! onsubmit="return false" 위 내용을 추가하면 form 태그는 아래와 같은 모습일 껍니다! 참고들 하세요!

[html/css] css 프레임워크 사이트 모음 [링크] css 를 사용하다보면 반응형 작업을 할때 프레임웍을 잘 사용하는것도 도움이 많이 됩니다. 그중에서 여러가지 프레임웍에 대한 간략한 소개와 프레임워크명 / 링크 등이 잘정리되어있는 사이트가 있어서 공유하려고 합니다! 아래 링크 들어가셔서 확인해보시고 많은 도움 되셨으면 좋겠네요! 참고들 하세요! css 프레임워크 모음 사이트 : https://funyphp.com/archive/html/49?page=3 즐거운 코딩 생활 java, php, javascript, jquery, ajax, html, css, frontend, 그누보드, 스킨, 플러그인, 팁 funyphp.com

[html/css] html video tag no download example / html 비디오 태그 다운로드 방지 설정 방법 html 에서 video 태그를 이용하여 영상을 표시하다보면 컨트롤바를 이용합니다. 그 컨트롤바의 내용중 다운로드버튼을 숨기고 싶은경우에는 아래나와있는 옵션을 추가하시면 됩니다. controlsList="nodownload" 옵션이 추가된 video 태그는 아래와 같습니다! 참고들 하세요!

[html/css] div 태그에 세로영역 스크롤 생성하는 방법 html 에서 특정 태그의 영역중 세로 영역을 고정하고 안에 들어가는 내용이 많을 경우 스크롤을 표시하고 싶을때가 있습니다. 예를 들어 아래와 같이 세로값이 200px 인 div가 있다고 가정하고, 세로영역에 스크롤을 적용하고 싶으면 아래와 같이 overflow-y:scroll 을 추가해주시면 됩니다! 참고들 하세요!

[html/css] css 크기 단위인 px 와 em 의 차이 css 에서 크기를 나타내는 단위중 px / em 이라는 단위를 많이 사용합니다. 이번에는 간단하게 두개의 단위가 뭔지 공유해보려고 합니다! px : 화소 단위 em : 부모요소의 크기에 따라 변화되는 배수단위 위 내용 확인해보시면 아시겠지만! px 은 부모사이즈와 관계없이 화소 고정값이고 em 은 부모에 따라 변화될수 있다는걸 확인할 수 있습니다. 참고들 하세요!

[html/css] css library site / css 라이브러리 사이트 [링크] css 를 이용하여 html 페이지를 디자인 하다보면 라이브러리들을 참고하는 방법도 디자인의 방법 중 하나라고 생각됩니다! 다양한 라이브러리들을 참고해야 할때 참고할만할 사이트가 있어서 공유해보려고 합니다! 아래 링크 들어가보시면 여러가지 다양한 스타일들이 있으니 참고들 하세요! css library site url : http://www.dynamicdrive.com/style/ Dynamic Drive CSS Library- Practical CSS codes and examples Welcome to Dynamic Drive's new CSS library! Here you'll find original, pra..

[html/css] html 페이지 확대/축소 허용하는 방법 html 에서 특정 페이지를 확대 혹은 축소를 허용해야 하는 경우가 있습니다. 그럴때는 아래와 같이 user-scalable 속성을 yes로 추가하시면 됩니다. user-scalable=yes 위에 나온 속성을 아래와 같이 meta viewport 에 추가하고 maxium-scale 를 1.0 보다 크게 입력해주시면 됩니다! 참고들 하세요!

[html/css] css 말줄임 표기하는 속성 css 를 사용하다 보면 특정 영역에서 말줄임 표시를 사용하고 싶은 경우가 있습니다. 텍스트가 많이 표기되는데 영역만큼만 표기하고 나머지는 ... 으로 표기해야 하는 경우일 텐데요. 그럴때는 아래 css 속성을 추가해주시면 됩니다! white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 참고들 하세요!