My Web Story

IT/JavaScript

[javascript] ::jquery:: 제이쿼리(jquery) 이벤트

Mouse Events 기능이름 기능설명 onClick 마우스로 해당 엘리먼트를 클릭함 onDblClick 마우스로 해당 엘리먼트를 더블클릭함 onMouseDown 마우스를 누름(클릭은 마우스를 눌렀다 때는 것으로 구별됨) onMouseMove 마우스가 엘리먼트 위에서 이동함 onMouseOut 마우스가 엘리먼트에서 벗어남 onMouseUp 마우스를 뗌(MouseDown과 반대됨 버튼을 누른 상태에서 떼는 경우) Keyboard Events 기능이름 기능설명 onKeyDown 키보드 버튼을 누르고 있는 경우 (어떤 키인지 읽으려면 함수를 호출하여 event.KeyCode를 참고해야 한다) onKeyPress 키보드 버튼을 눌렀 땐 경우 ( 마우스의 클릭과 유사) onKeyUp 키보드 버튼을 누르고 있다가..

IT/JavaScript

[javascript] 관련사이트바로가기 이동하기버튼

셀렉트박스 선택 후 이동하기 버튼 눌렸을 때 이동하는 js #html function open_link(id){ if(id !=''){ if(document.getElementById(id).value !="" && document.getElementById(id).value != null){ //id가 가진 value값이 비어있지않고 null이아닐때 var openNewWindow = window.open("about:blank"); //window.open(url, name, specs, replace); openNewWindow.location.href=document.getElementById(id).value; } return false; } } #js 관련사이트 관련사이트 청와대 광화문 1번가..

IT/JavaScript

[javacsript]top으로 이동

#jquery 코드 //top 버튼 $(document).ready(function(){ $("#move_top").click(function() { $('html, body').animate({ scrollTop : 0 }, 400); return false; }); }); #html 코드 #css 코드 .main{position:relative;} .top_btn{position: absolute;bottom: 20px;right: 19px;} //움직일때 고정하고싶으면 position: fixed;

IT/JavaScript

[js]isotope.min.js

자신이 선택한것만 볼수있게 해주는 js라이브러리입니다. ​ https://isotope.metafizzy.co/ Isotope · Filter & sort magical layouts Install Download CDN Link directly to unpkg. Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --save License Commercial license If you want to use Isotope to develop commercial sites, themes, pr isotope.metafizzy.co

IT/HTML

[HTML]페이지 공유시 썸네일 이미지 예쁘게 나오게하기

html 상위에 코드 입력시 카카오톡, 페이스북 등의 sns 및 소셜 공유시 이미지가 깨지지 않게 나오게 해줍니다.

IT/HTML

a태그 페이지 상단이동 방지 방법

A링크 를 사용하여 링크를 클릭하면 페이지 스크롤이 자동으로 초기화되어 상단으로 올라간다. 이를 방지하기 위해 아래 3가지 방법을 사용 할 수 있다. 방법1. A링크 방법2. A링크 방법3. A링크

IT/CSS

마크업, css 웹표준 검사 사이트

각 사이트마다 나오는것이 다를 수 있으므로 다 검사해보는것이 좋다. ​ CSS, 마크업 두개다 체크 https://validator.w3.org/unicorn/# css검사기 http://www.css-validator.org/validator.html.ko# https://jigsaw.w3.org/css-validator/ 마크업 검사기 https://validator.kldp.org/# https://validator.w3.org/

IT/HTML

웹표준이란

웹표준 · 웹 사이트를 만들 떄 지켜야 하는 약속들을 정리한 것 · 웹 표준을 지켜 사이트를 제작하면 장소나 브라우저와 상관없이 쉽게 웹사이트를 볼수있다. (크로스브라우징 가능(모든 브라우저(익스플로어, 크롬, 파이어폭스, 사파리)에 작동가능) · 웹 표준으로 문서 하나를 만들면 어떤 기기(브라우저)에서나 볼 수 있기 때문에 개발자와 디자이너의 시간 절약 · html5로 문서를 만드는 것 = 웹 표준을 지킨 문서를 만드는 것 · html , css , js 3가지를 갖춘 것을 말한다. · html5부터 웹표준을 준수한다. · 의미(디자인) : css ​ ▶ html : 뼈대를 갖춘다. ▶ css : 디자인을 만든다. , 효과를 적용시킨다. ▶ JS : 효과를 적용시킨다.