본문 바로가기

Local Oriented

(236)
CSS 레이아웃 블럭을 가운데 정렬하는 방법 (margin:0 auto) 금방 떠오르는 생각은 text-align 속성을 사용하는 것인데요. text-align:center 로 하면 하위 요소에 상속을 주기 때문에 하위 블럭 안의 내용이 모두 가운데 정렬이 되어 버려요. 블럭 안의 내용은 가운데 정렬이 아니면서 블럭이 상위 블럭의 가운데로 표시되게 하려면 text-align 은 답이 아닙니다. 검색해 보시면, 가운데 정렬할때 maring:0 auto 를 주라는 것이 많을 거에요. margin 옵션의 값으로 "0 auto" 를 주라는 것인데, "0 auto" 는 "0 auto 0 auto" 와 동일한 의미입니다. 이전에 "10px 20px 30px 40px" 처럼 썼던 것은 기억하시죠..? 맨 처음 값이 블럭의 상단, 다음이 우측, 세번째가 하단, 네번쨰가 좌측, 이런식이죠. ..
jQuery 강좌 http://www.uxkorea.net/408639 (아래 그림이 아니고 위의 링크를 클릭하셔요..)
jQuery Proven Performance, Tips & Tricks (튜닝, 팁, 트릭) http://yubylab.tistory.com/entry/jQuery-jQuery-%EC%84%B1%EB%8A%A5-%EC%B5%9C%EC%A0%81%ED%99%94 http://addyosmani.com/jqprovenperformance/?utm_source=javascriptweekly&utm_medium=email http://jsperf.com/browse jQuery 관련 테스트 리뷰 아래 이미지를 클릭하지 말고, 위의 URI 를 클릭하세요.. 아래 내용을 보면, 1.4.4 보다는 1.4.2 가 낫다는 생각이 드네요. 물론 1.6.2 가 훨씬 나은 선택. 암튼, 최신의 jQuery 버전을 사용하는 것이 이득이라는데.. 최신 버전이 나온다고 바로 적용하는 것도 위험요소가 존재하죠. id 와 f..
CSS border-width 더이상 사용하면 안 되는 듯.. border-width:0 0 0 5px; border:#EEEEEE double 위와 같은 코드가 예전에는 적용되었는데, 요즘은 글쎄요.. IE7.x 까지와 IE8.x 의 호환성보기에서는 적용되지만, IE8.x 기본 보기 모드와 IE9.x 이상 FireFox, Chrome, Safari, Opera 최신 버전에서는 적용되지 않네요. border-top:0 이나 border-top:none, border-right:0 이나 border-right:none, border-bottom:0 이나 border-bottom:none, border-left:5px #EEEEEE double 로 모두 기술해야 합니당.. 크으.
투명 플래시 z-index 가 적용되려면 object 사용시 param 에 name='wmode' value='transparent' 추가 가령, 페이스북의 Like 버튼을 달아야 하는데, 플래시가 z-index 레이어를 먹지 않을때 말이죠.. 일단 생각할 수 있는 것은, 플래시를 div 태그로 감싸서 z-index 를 설정하는 것인데.. 이것도 적용이 되지 않을때가 있어요. 혹시, object 태그로 플래시를 호출할때.. 를 사용했는지 확인해 보세요. 이거 넣으면 생각한 대로 될 겁니다. ^^. 그런데, 이렇게 해도 안 된다는 분.. 혹시 embed 쪽에도 넣으셨는지.. 암튼 최종 결과물은 아래와 같습니다. function setFlash(uri,width,height,bgcolor){ document.writeln(''); document.writeln(''); document.writeln(''); document.writeln('')..
자바스크립트 모바일 툴킷(프레임웍), DojoToolkt VS jQuery Mobile 글쎄요.. 어떤 것이 더 나을까요..? jQuery Mobile http://jquerymobile.com/ http://www.ibm.com/developerworks/kr/xml/tutorials/x-jquerymobilejsontut/section2.html Dojo Toolkit http://dojotoolkit.org/
jQueryUI, dialog $(document).ready(function(){ ... } 에서 dialog.opton 을 세팅해 두었다고 해도, .dialog('open') 이전에 option 값을 변경하면 변경된 내용으로 대화상자가 열림. 특히 레이어 팝업의 특성상 화면 중앙에 열려야 한다면, open 이전에 height 와 position center 등을 설정. 하나의 div 를 사용하여 여러가지 팝업을 다루는 경우, 아래와 같이 세팅하고.. .dialog('open') 전에 width, height, title 등등의 옵션값을 수정. 팝업이 열릴때, ajax 로 idPopContent 에 값을 넣는 것도 좋아요. idPop 는 레이어 팝업 껍데기, idPopContent 는 레이어 팝업 내용물. .dialog('open'..
jQuery Upload 업로드 모음 https://stackoverflow.com/questions/2320069/jquery-ajax-file-upload http://www.goodkiss.co.kr/jQuery/6867, multipart-form 을 자동으로 생성해서 업로드. jquery.form.jshttp://roqkffhwk.tistory.com/entry/jQuery-ajax-fileupload-ajax%EB%A1%9C-%ED%8C%8C%EC%9D%BC%EC%97%85%EB%A1%9C%EB%93%9C%EB%A5%BC-%ED%95%98%EC%9E%90-1 http://www.thefourtheye.in/2013/10/file-upload-with-jquery-and-ajax.html http://github.com/valums..