개발자의 끄적끄적

[html/css] opacity 브라우저별 css 설정값 css 에서 opacity 속성을 추가하는 방법입니다! .div { filter: alpha(opacity=50); // explorer -moz-opacity: 0.5; // mozilla opacity: 0.5; // firefox, safari, opera } 위처럼 추가해놓고 사용하지만! 브라우저별로 내용이 다르니 적용하실때 꼭 검색해보시고 하세요!!

[html/css] 부트스트랩 테마 / 템플릿 사이트 모음 [링크] 요즘 개발이 대부분은 자신의 사이트에 맞는 디자인을 제작해서 사용하기는 하지만, 디자인의 비중을 조금 낮추고 전체 반응형으로 정형화된 템플릿을 찾을때 부트스트랩을 많이들 사용합니다. 뭐 개인적으로 차이는 있겠지만요! ㅎㅎ 그래서 부트스트랩 테마 / 템플릿 사이트들을 공유해보고자 합니다! 1. startbootstrap.com/ 많은양의 무료 템플릿들이 있습니다! Free Bootstrap Themes, Templates, Snippets, and Guides Start Bootstrap develops free to download, open source Bootstrap 4 themes, templates, and snippets an..

[html/css] css overflow 옵션들 html 에서 테이블이든 특정영역의 사이즈가 크면 스크롤을 표시하고 싶거나, 스크롤을 숨김처리 하고싶을때, overflow 를 사용합니다. 아래는 overflow 옵션들입니다. overflow:[option] overflow:auto 영역을 벗어나면 자동으로 스크롤바 표시 overflow:scroll 영역과 관계없이 항상 스크롤바 표시 overflow:hidden 영역과 관계없이 항상 스크롤바 숨김 위 내용에 나온대로, auto / scroll / hidden 의 옵션을 줄수 있습니다. 스크롤을 자동으료 표시할지 / 항상 표시할지 / 숨김처리 할지 에 따라서 옵션을 다르게 주면됩니다! 참고들 하세요!

[html/css] table에 스크롤 적용하기 html 에서 반응형 작업을 할때, 테이블을 반응형에 맞추어 줄일 수도 있지만, 내용이 많은 경우 그냥 가로 스크롤을 넣어야 할 때도 있습니다. 그럴때 아래와 같이 하면됩니다.

[html/css] 부트스트랩 기반 무료 템플릿 사이트 [링크] 부트스트랩 기반으로 만들어진 무료 관리자 사이트 템플릿이 있습니다. 한두번 사용해봤는데 괜찮더라구요! AdminLTE 라는 템플릿입니다. 사이트 링크 공유할테니 참고들하세요! 무료버전은 기본적인 세팅만 되어있습니다! 그정도로도 일반 관리자 사이트 구현은 충분히 가능하시겠지만, 더 고도화되고 정교한 템플릿을 원하시면 아래 사이트 가셔서 프리미엄쪽 둘러 보셔도 좋을듯합니다! AdminLTE Site URL : adminlte.io/ Free Bootstrap Admin Template | AdminLTE.IO Bootstrap is raking over the world and so is React. Therefore, we decided to..

[html/css] html 색상표 조회 사이트 [링크] 개발을 하다보면 대부분 색상이나 이건 부분은 디자이너와 퍼블리셔가 정해주는대로 작업하지만, 자잘한거는 개발단에서 그냥 수정하게 되는 경우도 있습니다. 그럴때 html 코드표가 맨날 헤깔리는데 모바일에서도 되는 잘 만들어놓은 사이트가 있어서 공유하고자 링크 달아봅니다!! RGB / HSL / HSV / Hex 4가지 값도 다 나오게 되어있으니 참고들하세요!! html 색상표 사이트 URL : wepplication.github.io/tools/colorPicker/ HTML 색상표 온라인 RGB 색상표, HSL, HSV, CSS 칼라코드 모음 wepplication.github.io

[html/css] input radio tag 사용시 주의점 html 에서 input radio 태그 사용시 주의점입니다!! 라디오 1 라디오 2 위와 같은 태그가 있다고 가정할때, 글자클릭시 라디오 check 효과를 주고싶다면, input 이 가지고 있는 id 와 label 의 for 가 동일해야 합니다. 그리고!! 라디오 1 과 라디오 2 중 하나만 선택되게 하고 싶다면 input radio 태그의 name을 동일하게 주어야 합니다! 만약 name이 다르다면 모든 radio가 클릭되는 현상이 나타날 껍니다! 참고들하세요!

[html/css] html onclick 새창띄우기 html에서 onclick 시 새창으로 띄우는 방법입니다. onclick="window.open('링크')" 이건 뭐 설명 드릴것도 없이 그냥 위에처럼 작성하시면 클릭이벤트 발생시 입력받은 링크주소가 새창으로 뜨게 됩니다! 엄청 쉽지만 엄청 많이쓰이니! 참고하세요!