| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
- 하단특정위치
- css효과
- 해시스크롤이동
- scroll이동
- sublimetextgit연동
- 서브라임+git
- youtubethumbnail
- sublime+git
- youtubeiframethumbnail
- 아이프레임유튜브썸네일변경
- 서브라임git연동하는 방법
- 서브라임git
- 아기옷
- css3 animate
- PC에서텍스트추출
- 특정위치고정
- 텍스트추출
- 하단스크롤
- 이미지텍스트추출
- 달콤한바느질
- 하단fixed
- 아이프레임유튜브썸네일
- css3예제
- 애니메니션효과
- 연동하는방법
- 아이옷
- 이미지텍스트변환
- 스크롤하단
- 앵커이동
- css애니메이션효과
- Today
- Total
목록전체 글 (71)
개인공간
레이어별로 파일을 한방에 저장하는 방법이 있다.이 작업은 레이어별 이름이 정해져 있는 그래도 저장을 해버리는 방법이기 때문에, 한번의 저장으로 레이어의 수만큼 저장이 가능하다는 점이다. 별도로 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을 클릭하고 왼쪽을 ..
더 자세한 내용보기 : 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; ..
Image Rescue 3 이용하면 됩니다. 이 프로그램 덕분에 실수로 지운 사진과 동영상을 많이 살렸드랬죠!!
content:attr(href); href의 링크를 가져와서 프린트시 URL을 출력해준다 (ctrl + p에서 확인가능하다) html css @media print { a[href]:after { content: ""; } } content:open-quote,no-close-quot,close-quote blockquote를 content로 표현가능하다. 따옴표(open-quote, close-quote) html 따옴표(open-quote, close-quote) css blockquote p { margin: 0; text-indent: 1em; quotes: "\201c" "\201d"; } blockquote p:first-of-type { text-indent: 0; } blockquote ..
counter-resetBROWSER SUPPORT (more…)IE8+FF1+SA3.1+OP9.2+CH2+FULLFULLFULLFULLFULL Album Year The Raging Wrath of the Easter Bunny 1986 Bowel of Chiley 1987 Goddammit I Love America 1988 OU818 1989 Mr. Bungle 1991 Disco Volante 1995 California 1999 html Album Year The Raging Wrath of the Easter Bunny 1986 Bowel of Chiley 1987 Goddammit I Love America 1988 OU818 1989 Mr. Bungle 1991 Disco Volante 1..
유효성체크가 되는형식이긴하나, placeholder 가 없으면 안되기때문에작업할때 placeholder 전체 사용여부를 체크후 사용할것! 플레이스홀더가 없는경우 : 플레이스홀더가 있는경우 : .inp170222_2{background-color:#ccc;border:1px solid #ddd;} .inp170222_2:not(:placeholder-shown) {background: #fff;border:1px solid #ccc;}
required="required" : required="required" : required="required" 없는경우 input에 required="required" 유효성검사 속성추가 input:valid 이용하여 스크립트가 아닌 input에 value가 있는것을 체크하여 css로만 input체크 처리 .inp{background-color:#fafafa !important;border:1px solid #e9e9e9 !important;} .inp:valid {background-color: #fff !important;} .inp:focus{border:1px solid blue !important;background:#def0ff !important;}
http://webdir.tistory.com/317