열정과 게으름 사이

일러스트레이터와 포토샵 작업을 하다보면 확대가 필하고 그러다보면 핸드툴로 이리저리 끌고 다녀야 한다. 그런데 스페이스바+마우스 드래그로 잘 되던 핸드툴이 갑자기 안된다. 무엇을 하고 난 이후인지도 모르겠다. 난 그냥 되는데까지 그 기능을 사용하고 있었을 뿐이니까. 키보드와 마우스 세트를 바꾸기는 했다. 그러나. 바꾼 이후에도 기능을 사용했고, 기존에 쓰던 키보드 마우스 세트로 다시 연결해도 안될 뿐이고.... 이 문제 해결한다고 너무 시간 끌지 말자해서 그냥 알파벳 단축키 쓰다보니 이건 뭐.... 속도가.... 한글쓰다 영/한 바꾸고 다시 다른 툴로 바꾸고... 안되겠다 싶어 멈췄던 해결 방법 검색을 다시 시작. 툴바를 지우고, 브라우저를 닫고, 환경 설정을 초기화 하라고 하는 검색을 하다가 나오는 모든..

아... 뭐지... 인덱스 이렇게 찾아진다고?? 나 전에 왜 그리 복잡하게 찾았지?? ㅎㅎ;;; 슬라이딩 배너에서 각 슬라이드 버튼 클릭시 이벤트 부분. -css- .visual-slide-item{ display: none; opacity:0; } .visual-slide-item:nth-of-type(1){ display:block; opacity:1; } let item = document.querySelectorAll('.section2-container li'); let dotBtn = document.querySelectorAll('.section2-button-box span'); let index =0; //오버레이 let slideinbBtnEvent = function slidingEv..

생각보다 어렵지 않은 회전 하는 큐브 css는 x,y축 뿐 아니라 z축으로도 트렌지션을 사용할 수 있다. 그래서 3D 효과를 사용 가능. 여기에서 알아야 할 것은 물체의 멀고 가까움을 나타내는 원근감을 지정하는 방법과, 3D좌표를 어떻게 전달하고 사용 할 수 있느냐이다. 두개의 속성은 카메라의 움직임이라고 보면 된다. perspective 는 원근감을 지정하는 속성이다. 두 개의 속성값을 가지고 있다. none : 원근감이 없다. length : z축 값을 지정하는 속성으로 값이 작으면 보이는 요소가 커지고, 값이 커지면 보이는 요소가 작아진다. (가까이 있으면 크게, 멀리 있으면 작게) perspective-origin 은 원근감의 방향을 지정하는 속성이다.(보는 방향) 단위값과, left, cente..

반응형 작업을 하다보면 폰트 사이즈가 여간 까다로운 것이 아니다. 분기점 마다 폰트 사이즈를 지정해주다 보면 솔직히 예쁘게 하려면 한도 끝도 없이 분기점을 만들판..... 그래서 자바스크립트로 폰트사이즈를 조절하기도 하고, 폰트 사이즈 관리용 css파일을 따로 만든 것을 보기도 했다. 그러다가 발견한 방법. css의 연산 기능을 이용한 것이다. html{ font-size: 62.5%; font-size: calc(0.35vw + 8.74px); //시스템 폰트 사이즈는 10px로 지정 //360 first로 작업할 때 margin,padding,border등은 1rem이 10px로 계산되고, viewport사이즈에 따라 변동된다. (1280px일때 13.22px) } body{ font-size: 1...