반응형

퍼블리싱 로그 43

input style / input[type=checkbox]와 input[type=radio] 스타일 적용

checkbox / radio CSS style input[type=checkbox]와 input[type=radio]는 안보이게 하고, label을 이용한 적용 예시 입니다. HTML 체크박스 Event Event1 라디오박스 1 2 파일첨부 첨부 CSS html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul,..

length > 0 해당 요소가 있을경우

모바일 작업일 경우 많이 사용하게 되는 것 같습니다. length가 0일 경우 container 여백 제거 하고, 아닌 경우 container 여백 추가 합니다. if($('.bottom-fixed').length == 0) { $('.container').css('padding-bottom', 0); } else { $('.container').css('padding-bottom', '60px'); } 아래 코드를 응용해서 적용하고 싶음 코드를 넣으시면 되겠습니다. if ($('객체').length > 0) { //작동시키고 싶은 코드 } 한 페이지에 해당 아이디값을 가진 객체가 있을 때만 작동하게 할 때 if ( document.getElementByID('item') ) { //해당 아이템이 있을때..

웹 접근성 키보드 포커스 처리

디자이너분의 요청으로 포커스 라인을 제거를 하는 경우가 있습니다. 이렇게 a, input, button { outline: 0; } :focus { outline: none; } 이런 경우 브라우저 상에는 라인이 노출 되지 않게 됩니다. 시각장애인 등 키보드만 이용해 웹사이트를 이용 할 경우 키보드 요소를 노출 시켜 주어야 합니다. 크롬에 추가된 :focuis-visible이란 가상 클래스(pseudo class)를 통해 이를 디자인을 해치지 않고 구현할 수 있습니다. /* 키보드로 버튼에 포커스 시 */ button:focus-visible { outline: 3px solid #000; } /* 마우스, 터치로 버튼에 포커스 시 */ button:focus:not(:focus-visible) { ou..

포토샵 작업 셋팅 / 최적화

요금은 포토샵 보다는 zeplin, figma 등을 이용해서 필요없을지 모르지만. 아직은 포토샵 사용자가 많기 때문에 제가 참고해서 많이 사용하는 초기 셋팅을 기록해 놓겠습니다. 포토샵 가이드&그리드 셋팅 https://lifenourish.tistory.com/92 포토샵이 느릴 때 최적화 방법(성능올리기) 포토샵을 사용하다보면 사진하나 여는 데도 하루종일 걸리는 경우가 있습니다. 나중에는 버벅대는 것도 모자라 메모리가 부족하다며 프로그램이 꺼지기까지 합니다. 작업물을 저장 안 해놨다 lifenourish.tistory.com * 스프라이트 이미지 정리

error - ClassNotFoundException: org.springframework.web.servlet.DispatcherServlet

정보: Marking servlet spring as unavailable 7월 03, 2012 5:22:44 오후 org.apache.catalina.core.StandardContext loadOnStartup 심각: Servlet /Spring3MVC threw load() exception java.lang.ClassNotFoundException: org.springframework.web.servlet.DispatcherServlet at org.apache.catalina.loader.WebappClassLoader.loadClass(WebappClassLoader.java:1711) at org.apache.catalina.loader.WebappClassLoader.loadClass(We..

error - Eclipse : 'Failed to create the Java Virtual Machine'

eclipse에서 실행 했을경우 Failed to create the Java Virtual Machine 이란 에러가 나타난다면 아래처럼 해보세요. eclipse.ini 에서 -- 추가 -- -vm C:\Program Files\Java\jdk1.5\bin\javaw.exe -- 추가 -- -startup plugins/org.eclipse.equinox.launcher_1.1.0.v20100507.jar --launcher.library plugins/org.eclipse.equinox.launcher.win32.win32.x86_1.1.0.v20100503 -product org.eclipse.epp.package.jee.product --launcher.defaultAction openFile -..

반응형