dd2i_pudding

aptana : changing content types .scss format to .css format 압타나에서 .scss 파일을 열어 보면 문단정렬이 되지 않는다~ 억.들여쓰기도. 탭도. 이상하게 작동.. 이런 경우 툴바의 window > preferences 에 들어가서 .scss 의 file associations을 수정해준다. file types 에서 .scss를 선택 후associated editors에 css source editor을 추가하고, 이 값을 default 로 지정해주면 정렬된 .scss의 포맷을 볼 수 있다. (정렬이 안되었다면. 창을 닫았다가 다시 열어보자.) Part 1 - Associate the .scss file type with the native Eclipse ..

jQuery .css 이렇게 하면 syntax error 투성이~!! 올바른 css 변수사용 $(document).ready(function () { if(window.location.href=="http://skugrad.skuinc.net/main"){ var subNavCss = { position : 'absolute', //속성값에 따옴표. 속성이 이어질때는 ,(쉽표)해줌 border: '5px solid red', // ;(세미콜론)찍으면 안됨. top : '860px' }; $('#sub-nav').css(subNavCss); $('.nav-right').css('display','none'); }; });

SCSS/SASS mixin SCSS/SASS mixin은 CSS3 스타일링을 간편하게 할 수 있도록 쓰이는데. @import 명령구를 이용해서 스타일시트를 꾸밀 수 있음. 아래는 scss/sass에서 사용되는 mixin 방법들~! /***** SCSS CSS 3 Property Maxin v 0.1 by Dele O *******/ @mixin rounded($radius: 10px) { border-radius: $radius; -moz-border-radius: $radius; -webkit-border-radius: $radius; } @mixin roundedSides($topLeft, $topRight, $bottomRight, $bottomLeft) { -moz-border-radius-to..

지저분하게 작성된 코드를 말끔하게 바꿔주는 코드뷰티퐈이어~!! 쉽게쉽게~ 코드를 말끔히 정리해 봅시다아~~!! http://ctrlq.org/beautifier/

text-align:center text-align: center background-color: black; color; white; width:150px; height:150px; text-align:center; div 안의 text에서는 vertical-align이 적용되지 않는다. 따라서 display: table-cell 값을 적용 시키면 div 안에서 상하의 중앙정렬이 된다~!단 display:table-cell;는 ie6에서는 적용되지 않는다. vertical-align:middle vertical-align:middle; display:table-cell; background-color: black; color; white; width:150px; height:150px; vertical..

thead 에 last th 지우기 $('thead tr').find('th:last').filter(function(){ if($(this).parent().children().length >= 3){ return $(this); } }).remove(); tbody에 last td 지우기 $('tbody tr').find('td:last').filter(function(){ if($(this).parent().children().length >= 9){ return $(this); } }).remove(); firefox의 console 탭에서 위의 명령어들을 실행시키고. 바뀐 HTML을 복사해서 docs에 대치