개인공간

모바일 : 기본 가로스크롤 선택요소 중앙정렬 임시로 스크롤은 보여지게 해놓음 테스트 1 테스트 2 테스트 3 테스트 4 테스트 5 테스트 6 테스트 1 테스트 2 테스트 3 테스트 4 테스트 5 테스트 6 이전 다음 .mobile.prodPaySort {position:relative;overflow:hidden;margin: 12px -20px 0;padding:0 10px;} .mobile.prodPaySort .scrollx{overflow-x:auto;white-space: nowrap;} .mobile.prodPaySort .scrollx::-webkit-scrollbar {display: block;width:1px;height:1px;-webkit-overflow-scrolling: touc..

https://velog.io/@jakeseo_me/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%8C%81-This-%EC%A0%95%EB%A6%AC-x4k5upn6i6 https://www.zerocho.com/category/JavaScript/post/5b0645cc7e3e36001bf676eb https://www.zerocho.com/category/JavaScript/post/5b0645cc7e3e36001bf676eb www.zerocho.com this가 window인지 obj인지 소스 코드 this; // Window {} function a() { console.log(this); }; a(); // Window {} var ..

https://alvarotrigo.com/fullPage/ko/ fullPage scroll snapping. Create full screen pages fast and simple Mouse wheel snap to sections. Fast and simple to use. alvarotrigo.com 요즘 많이 사용하는 jqurey.foullpage.js

function scrollPos(){ //scroll animation var gap = parseInt($(window).height() / 2); var sct = $(window).scrollTop() + gap; var $sect = $('[class*=plan-article-]'); var stt; $sect.each(function(){ stt = $(this).position().top; if(stt < sct){ $(this).addClass('on'); }else{ $(this).removeClass('on'); } }); $(window).scroll(function(){ sct = $(window).scrollTop() + gap; $sect.each(function(){ stt =..

https://m.blog.naver.com/iamwinmir/220664944229

레이어별로 파일을 한방에 저장하는 방법이 있다.이 작업은 레이어별 이름이 정해져 있는 그래도 저장을 해버리는 방법이기 때문에, 한번의 저장으로 레이어의 수만큼 저장이 가능하다는 점이다. 별도로 Save As로 일일히 작업할 필요가 없어서 굉장히 간편하고 확실한 시간단축이 된다는 점이다! 1 File > Export > Layers to Files.. 를 눌어서 들어간다포토샵 다른버전은 File > Script > Export Layers to Files...라는 곳에 있는 경우도 있다. 2 Export Layers To Files에 들어가면 몇가지 옵션값이 나온다. Destination : 저장할 위치 선택File Name Prefix : 레이어앞에 공통으로 들어갈 이름Visible Layers Only..

포토샵 작업을 하다보면, 많은 이미지작업을 할때가 있다.그때마다 하나씩 열어서 한 레이어에 ctrl+c, ctrl+v 작업으로 모으는 작업을 했었다.이런 귀찮은 작업을 시간단축 및 한방에 해결하는 방법이 있다! 1 File > Scripts > Load Files into Stack을 선택한다. 2 Load Layers라는 창이 뜨고 Use:에서 파일로 불러올것이냐? 폴더로 불러올것같냐를 선택한다.'Browse...'를 눌러 불러올 파일 경로를 선택한다. 3선택한 파일이 한장한장 로드해서 들어오는것을 볼수 있다.OK 를 누르면 4선택했던 파일이 각각의 파일명을 가지고 레이어로 들어오는것을 볼 수있다.

포토샵 slice(슬라이스) 팁 웹디자너 분들이나, 디자인하시는 분들이 많이 사용하는 포토샵!슬라이드도 많이 사용하실 꺼예요~ 근데 아시는분은 아시고 모르시는분은 모르시는 팁을 공개 할께요~! 레이어를 이용한 슬라이스 하는 간편한 방법! 먼저 슬라이스를 원하는 레이어를 선택해주세요. 저는 3개를 선택했어요~ 큰도형, 작은도형, 텍스트까지! 그러고는 New Layer Based Slice를 클릭! 그럼 레이어 선택했던 모든것에 슬라이스가 쳐지는게 보이실 거예요! 그 후 필요하다면 3개의 슬라이드에 각각의 이름을 붙여주세요! 저는 img_1..... 3 으로 했어요. Png 파일로 저장할 꺼라서 background 레이어를 꺼주었어요! 그럼 투명 레이어가 되지요~? Save for Web을 클릭하고 왼쪽을 ..

Side​Bar​Enhancements 설치 서브라임 텍스트를 실행한 후, 단축키 Ctrl+Shift+P로 Command Palette를 불러온다. install을 입력하면 자동완성되는 Package Control: Install Package를 선택하고 엔터를 누른다. encoding을 입력하여 Side​Bar​Enhancements가 검색되면 선택한 후, 엔터를 눌러 설치한다. Package Settings > Side bar 설정 Package Settings > Side bar > keyBindings - user 키설정 추가 f12 키를 이용해서 많이들 하시는데.. 저는 ctrl+b가 편해서 아래처럼 설정했어요 [ { "keys": ["ctrl+shift+alt+s"], "command": "t..

더 자세한 내용보기 : http://webskills.kr/archives/310 숫자만 입력되게 하기 html css /* type="number인 경우" */ .number_apr[type="number"]::-webkit-outer-spin-button, .number_apr[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } js //숫자만 입력되게 //숫자만 입력되게 $('.onlynumber').on('keydown', function showKeyCode(event){ event = event || window.event; ..