전체 글121 마크쿼리를 이용한 티스토리 반응형 웹 디자인 적용 티스토리의 장점은 스킨을 사용자가 자유롭게 꾸밀 수 있다는 것인데요. 유독 모바일에서만은 제한이 있었습니다. 하지만 2013/08/13 일자로 티스토리에 모바일웹 스킨 On/Off 기능이 생기면서 모바일 페이지도 자유롭게 꾸밀 수 있게 되었습니다. 그렇게 되면서 반응형 웹 디자인 티스토리에 대해 열심히 검색을 하였습니다. 그 중 마크쿼리를 알게 되었고 티스토리 적용 문서도 정말 쉽게 잘 되어 있었습니다. 스킨 적용하고 구글 광고 달고 조금 수정했더니 지금과 같은 멋진 스킨이 되었네요. 마크쿼리 너무 고마운 스킨이네요. 한동안 계속 쓸것 같네요~~~^^ 고마워요 마크쿼리~~~~~~!!!! 참고 마크쿼리 : http://markquery.com/마크쿼리 티스토리 설치 가이드 : http://markquery.. 2014. 7. 25. [PageSpeed] PageSpeed Insights Rules 보호되어 있는 글 입니다. 2014. 7. 14. [Spring + Thymeleaf] 국제화 메세지 처리 Thymeleaf 에서 메세징 처리를 위해서는 다음과 같이 적용할 수 있다. servlet-context.xml META-INF/message/messages 에 파일 추가 messages_en.propertiestest=testtest.param=Test {0} messages_ko.propertiestest=테스트test.param=테스트 {0} Test.html 에서의 thymeleaf 문법 또는 기본값기본값 기본값 ${#messages.msg('test')} 는 test 키 값이 없을 경우 ??test?? 라는 기본 메세지 형태로 출력이 되고${#messages.msgOrNull('test')} 의 경우에는 null 을 리턴한다. 위의 설정대로 진행하면 URL 요청시 파라메터로 ?lang=en, .. 2014. 6. 24. jsdoc3 maven plugin 사용법 jsdoc 을 이용하면 javadoc 과 같이 javascript 파일에 대한 api 를 자동으로 생성할 수 있다. 물론 jsdoc 생성과 관련한 주석에 대한 규칙을 알아야 하지만 이번에는 jsdoc3와 maven 의 연동에 대해서만 짧게 작성하려 한다. 우선 사용한 jsdoc3-maven-plugin 은 여기에 잘 설명되어 있다. 그중 내가 사용한 부분의 코드는 다음과 같다. com.github.phasebashjsdoc3-maven-plugin1.0.7 com.github.phasebash jsdoc3-maven-plugin 1.0.7 true ${basedir}/src/main/webapp/resources/js ${basedir}/src/main/javascript Run the Mojo.mvn .. 2014. 6. 23. [CSS] 생략, 말줄임표 text-overflow: ellipsis text-overflow: ellipsis text-overflow: clip( Default )|ellipsis|string|initial|inherit;말줄임표를 사용할때 ellipsis 를 사용한다. 참고 : http://www.w3schools.com/cssref/css3_pr_text-overflow.asp 2014. 6. 3. Youtube 동영상을 페이지에 추가할때 rel=0 유무에 따른 차이 아래의 두개 동영상의 차이는? 동영상이 끝났을 때 차이를 볼 수 있다. ▲ ▲ rel=0을 iframe src 값으로 추가하면 동영상이 끝나면 화면이 멈추고 없을 경우 관련된 영상이 화면에 나타난다. 페이지의 목적에 따라 rel 값을 활용하도록 하자. 2014. 4. 8. jQuery 를 이용한 json 검색 2014. 3. 24. TEXT ART Font : Roman 참고 : http://patorjk.com/software/taag/#p=display&h=3&f=Modular&t= 2014. 3. 12. Website Performance Test Tool Website Performance Test Tool 다음은 웹사이트 성능을 체크할 수 있는 무료 툴들이다. 이를 통해 http://javapark.net 의 성능을 측정해 보았다. 여러분의 블로그나 사이트를 튜닝하는데 도움이 되었으면 한다. GTmetrix Pagespeed 와 Yslow 를 기반으로 성능을 체크한다. 유료결제시 모니터링 관련된 내용등의 추가 제공이 있다. Home page : http://gtmetrix.com/결과 페이지 : http://gtmetrix.com/reports/javapark.net/MXWTZrKN Pingdom Timeline, Pagespeed, Page Analysis, History 를 제공한다. 노란색 배경의 깔끔함이 눈길을 끈다. Home page : htt.. 2014. 3. 11. 이전 1 ··· 3 4 5 6 7 8 9 ··· 14 다음
