내 인생에도 예쁜 꽃이 피었으면 좋겠다

검색어 : html화면 보였다 사라졌다 https://codepen.io/goldycoder/pen/yLJQjgx :checked 연습하기 (2) ... codepen.io https://mainia.tistory.com/2710 자바스크립트(Javascript) display 속성 이용해서 접거나 펴는 방법 자바스크립트(Javascript) display 속성 이용해서 접거나 펴는 방법 함수 하나로 화면 영역을 보이게 하거나 사라지게 토클 기능을 구현할 수 있습니다. 흔히 내용이 많아서 더보기 버튼을 구현할 때 mainia.tistory.com 검색어 : html화면 접었다폈다 https://devkimgoon.tistory.com/15 html div 제목 클릭하여 접기 펼치기 (접었다 펴기 / Hi..

https://webdir.tistory.com/433 폼필드(체크박스, 라디오) 디자인 #3 체크박스와 라디오버튼의 정렬과 디자인은 예전부터 골치를 아프게 하는 작업이였습니다. 관련하여 현재 애용되는 디자인 방법과 브라우저 호환성을 확보하는 방법에 대하여 알아봅니다. 체크 webdir.tistory.com 라디오버튼 예제 https://codepen.io/uzugoer/pen/RPqNjY Radio Design ... codepen.io 체크박스 예제 https://codepen.io/uzugoer/pen/MwPPZX checkbox Design ... codepen.io https://blogpack.tistory.com/876 체크박스와 라디오버튼 디자인 기초 체크박스와 라디오버튼은 사용자가 선택할..

https://toy-toy.tistory.com/entry/javascript-%ED%83%AD-%EB%A9%94%EB%89%B4-%EB%A7%8C%EB%93%A4%EA%B8%B0 [javascript] 탭 메뉴 만들기 [JavaScript] - 탭 메뉴 만들기 1. 탭 메뉴 UI를 구성 할때 종종 탭 메뉴를 구현해야 할 때가 있습니다. 탭 메뉴는 단순한 웹 페이지를 웹 어플리케이션으로 탈바꿈 해주기 딱 좋은 기술입니다. 사용자 toy-toy.tistory.com https://carina16.tistory.com/173 tab content , tab menu, 탭 메뉴 만들기 상단 메뉴를 클릭하면 하단의 내용 content 부분이 보여지는 탭 메뉴입니다. 1. 간단하면서 기본적인 tab menu 만..

contextmenu="return false" 우클릭 방지 ondragstart="return false" 드래그 방지 onselectstart="return false" 선택 방지 https://hyoseung930.tistory.com/18 [HTML] 오른쪽 클릭, 드래그, 선택 방지 contextmenu="return false" 우클릭 방지 ondragstart="return false" 드래그 방지 onselectstart="return false" 선택 방지 hyoseung930.tistory.com

https://webruden.tistory.com/427 HTML 모바일에서 전화걸기 예제(초간단) (How to Create a Click to Call Link Using HTML) 핸드폰에서 웹사이트를 이용할 때 아래와 같이 전화번호를 누르면 바로 핸드폰 기본 전화걸기 창이 뜨는 것을 본적이 있을 것입니다. 이번 포스팅에서는 HTML a 태그를 활용해서 전화걸기 webruden.tistory.com https://studyingazae.tistory.com/202 [HTML] 모바일웹에서 전화걸기, 문자보내기, 메일보내기 모바일 웹을 개발하면서 특정 문자와 이미지를 누르면 바로 전화, 영상통화, 문자, 이메일로 연결되는 기능을 구현하기 위한 방법을 알아보겠습니다. 태그와 onclick 이벤트 두가..

카테고리가 이곳이 맞는지는 모르겠지만.. https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=mainata&logNo=220356415496 viewport : 모바일웹 제작시 화면의 표시 영역 설정 및 지원되지 않을때 viewport : 모바일웹/모바일사이트 제작시 화면의 표시 영역 설정 및 지원되지 않을 때 모바일사이트, 모바... blog.naver.com https://stackoverflow.com/questions/1988499/meta-tags-for-mobile-should-they-be-used Meta-tags for mobile – should they be used? Meta-tags "Viewport", "Mob..

meta태그란 ? HTML 문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며, 누가 만들었는지 등의 문서 자체의 특성을 담고 있습니다 HTML 요소는 , , , , 과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다. 1.meta 요소가 제공하는 메타데이터 유형(4) 1) name 특성을 지정하면 전체 페이지에 적용되는 "문서 레벨 메타데이터"를 제공합니다. : name과 content 특성을 함께 사용하면 문서의 메타데이터를 이름-값 쌍으로 제공할 수 있습니다. name은 이름, content는 값을 담당합니다. 2) http-equiv 특성을 지정하면 유사한 이름의 HTTP 헤더가 제공하는 정보와 동일한 "프래그마 지시문"이 됩니다. : 프래그마 지시문을 정의합니다. 특성의 ..

contextmenu="return false" 우클릭 방지 ondragstart="return false" 드래그 방지 onselectstart="return false" 선택 방지 [참조] https://hyoseung930.tistory.com/18

이번에 다른 방법으로 시도해 보려고 한다.http://recoveryman.tistory.com/276 http://recoveryman.tistory.com/277 1. 나는 윈도우니까 루비 설치https://rubyinstaller.org/downloads/ 설치 후에 cmd열어서 sass 작성한scss_파일명.scss 변환될_css파일명.css sass C:\..\workspace\Project\WebContent\public\front\sass\common.scss C:\..\workspace\Project\WebContent\public\front\asset\css_uk\common.css C:\..\workspace\Project\WebContent\public\front\asset\css_u..

http://nolboo.github.io/blog/2013/10/22/google-web-font-faster-tip/ 구글 웹폰트를 빠르게 로드하는 팁 7가지22 Oct 2013원문 : 7 Tips to Load Google Web Fonts Faster목차1. Load Google Fonts First2. Use Link Format3. Load Fewer Fonts4. Combine Font Codes5. Load Default Variants6. Load Faster Fonts7. Use Web Font Loader어떻게 사이트에서 구글 폰트를 빠르게 로드할 수 있을까? 스타일되지 않거나 다른 기본 폰트가 로드된 다음에 번쩍거리며 구글 웹 폰트로 대치되는 경우를 보는 것은 그리 드문 현상이 아니..