본문 바로가기
728x90
반응형

분류 전체보기298

[JAVASCRIPT/JQUERY] touchstart/touchend를 이용해 모바일 터치로 스크롤 움직일때 이벤트 추가하기 처음 touchstart 터치를 시작한 시점의 x.y 좌표를 구하고 마지막 터치를 끝내는 지점 touchend 의 x.y를 구해서 어느 방향으로 터치했는지 알 수 있다. 아래결과는 모바일에서 확인가능하다!(또는 크롬 개발자도구이용) See the Pen 터치이벤트 by gahyun (@gahyun) on CodePen. 웹과 모바일 모두 동일하게 적용하기 위해서는 웹에서는 mousedown / mouseup 이벤트를 이용해 구현해 보았다 See the Pen 웹-모바일 모두 적용되는 스와이프 by gahyun (@gahyun) on CodePen. 2019. 4. 25.
[CSS3] 이용해서 대소문자 변경하기 text-transform lowercase: 소문자로 변경 uppercase : 대문자로 변경 capitalize : 단어의 앞글자 자동으로 대문자로변경(나머지는 그대로) 2019. 4. 25.
[CSS3] 변수사용하기 (less,sass없이) CSS의 변수는 범위를 정의하는 CSS 선택자 안에서 선언합니다. 전역변수의 경우 :root{}를 이용해 선언할 수 있습니다. 변수 이름은 두 개의 대시 (-)로 시작해야하며 대소 문자를 구분합니다! See the Pen EJdbWp by gahyun (@gahyun) on CodePen. 지정된 범위 내에서만 사용 가능합니다. :root 나 html, body 등과 같이 본문 선택자를 이용해 선언하면 본문 전체에서 사용가능하나, div나 특정 영역 선택자를 이용해 선언한다면 특정 영역 내에서만 사용가능합니다. 편리하게 사용할 수는 있지만 아직 지원되지않는 브라우저가 많아서 실제로 사용하기에는 무리가 있어보인다..... 2019. 4. 24.
HTML/CSS/JAVASCRIPT 등 코딩의 기초실력을 기를 수 있는 프리코드캠프 사이트 추천! https://learn.freecodecamp.org/ Welcome to learn.freeCodeCamp! Welcome to the freeCodeCamp curriculum We have thousands of coding lessons to help you improve your skills. You can earn each certification by completing its 5 final projects. And yes - all of this is 100% free, thanks to the thousands of campers who donat learn.freecodecamp.org 커리큘럼에 따라 간단한 테스트를 진행하면서 기초로 알아야할 것들에 대해 공부하도록 되어있습니다. h.. 2019. 4. 24.
728x90
반응형

티스토리툴바