-
Memo, WP Tip & Tech 2013‧10‧11
워드프레스 사이트에 사용된 테마와 플러그인 알아내기
http://whatwpthemeisthat.com/ 위 사이트를 접속하여 url을 입력하면 워드프레스의 테마와 사용된 플러그인을 보여준다. 위 그림처럼 워드프레스 사이트 url을 입력하고 [Check Site] 버튼을 클릭하면 분석 후에 아래 그림처럼 결과가 나온다.
-
Javascript, jQuery 2013‧10‧08
크롬에서 미디어쿼리 버그 대처
크롬 브라우저에서 간혹 미디어쿼리가 제대로 작동하지 않을 때가 있다. 아래와 같은 순서로 테스트해보면 간혹 버그가 발생한다. 1. 미디어쿼리로 만든 웹사이트를 크롬에서 연다. 2. 미디어쿼리의 영역에 해당되는 모습이 나오게 창을 줄여본다. 3. 크롬 브라우저의 상단에 새 탭을 눌러 임의의 사이트를 접속한다. 4. 그 상태에서 창을 최대한으로 키워본다. 5. 어느정도 임의의 사이트를 이용한 후 미디어쿼리로 만든 웹사이트가 […]
-
Tools 2013‧09‧25
Photoshop - [폰트 캐쉬 삭제] 삭제한 폰트도 계속 리스트에 존재할 때
디자인 작업을 하다보면 폰트들을 많이 설치하게 된다. 그러다가 필요없는 폰트들이 많아서 정리를 하게 되어 몇몇 폰트들을 지우게 되는데 여전히 포토샵에는 폰트 리스트에 존재하는 경우가 있고 그 폰트를 쓰려고 하면 에러가 난다. 이유는 CS5부터인지 언제부터인지 포토샵에는 폰트 캐쉬라는걸 사용해서 매번 실행할 때마다 폰트 폴더를 스캔하는 작업을 하지 않고 폰트 캐쉬에 있는 폰트 리스트들을 불러와서 보여주는 것으로 […]
-
Tools 2013‧09‧25
Photoshop - 폰트는 폴더를 따로 관리하는 것이 좋다.
Adobe 제품군을 설치한 후 각 툴을 사용할 때 용도에 맞게 폰트를 추가해서 사용하는 경우가 있다. 이럴 때 대부분 windows OS의 경우 .ttf 와 같은 폰트 파일들을 복사해서 C:\Windows\Fonts 의 경로에 붙여넣기하게 된다. 이렇게 되면 adobe 작업외에 필요없는 폰트들도 windows os 로딩에 영향을 미칠뿐더러 관리하기도 힘들다. 가끔 어떤 폰트는 C:\Windows\Fonts 폴더에 설치하게되면 윈도우 탐색기로 보여지지 않는 버그도 발생하기 때문이다. 그래서 보이지 […]
-
WP Theme 2013‧09‧13
워드프레스 교육 과정 중 추천테마로 소개된 테마
해당 자료는 교육 과정 중에 안내해드린 테마로 어떤 테마의 경우에는 제가 아주 조금 수정한 파일이 적용된 테마도 있습니다. 원본이 필요하시다면 구글에서 테마 제목을 입력하시면 됩니다. 테마에 문제가 있다면 댓글 남겨주세요. vFlex Responsive theme (Mr.Vibe 제작) WPTuts (AJ Clarke 제작) Imbalance 2 (WPSHOWER 제작) WordPress Anniversary (Site5.com 제작) Sensitive (Shaon 제작) Minimal Xpert (AJ […]
-
2013, 2013-2014 2013‧09‧13
Lecture (Building website using wordpress)
방송통신대학교 대학원 / 영상문화콘텐츠학과 2013년 디지털 콘텐츠 디자인 과목의 13~14주차 강의로'워드프레스를 이용한 웹사이트 만들기' 를 주제로 2주차 강의를 진행하였습니다.
-
Html, CSS 2013‧09‧11
css3 - 이미지 교체
미디어쿼리를 사용할 때 이미지를 교체할 경우가 있다. #id img{ content: url("image.png"); } # id 자식 요소 중에 img가 있다면 image.png로 이미지를 노출한다. 하지만 이 방법은 아직 추천하지 않는다. 크롬 조차 제대로 작동하지 않을 때도 있고 css3이다보니 제대로 안보여지는 경우가 많다. 알아두면 좋은 정보니까 메모! img[data-src-desktop] { content: attr(data-src-desktop, url); } 위 방법도 있다고 하니 참고!
-
Javascript, jQuery 2013‧09‧11
jQuery - 라디오 버튼 체크 여부 확인
입력폼에서 라디오 버튼에 값을 선택하였는지 안하였는지 체크를 해서 만약 선택하지 않았다면 라디오 버튼으로 화면이 이동되어 체크할 수 있도록 해보자 일단 html에서 라디오버튼은 아래와 같이 설정하였다. <legend>카테고리</legend> <fieldset> <input type="radio" id="Category1" value="카테고리1" name = "Category"/><label for="Category1">카테고리1</label> <input type="radio" id="Category2" value="카테고리2" name = "Category"/><label for="Category2">카테고리2</label> <input type="radio" id="Category3" value="카테고리3" name = "Category"/><label for="Category3">카테고리3</label> <input type="radio" id="Category4" value="카테고리4" […]
-
Tools 2013‧09‧08
서브라임텍스트2 - 단축키 정리
호감형 (thehogam)님의 블로그에서 정리된 서브라임텍스트2 단축키입니다. 정말 자세하고 보기 편하게 정리하셨고 인쇄용으로도 doc 파일을 만드셨는데요. 저도 이거 다운받아서 출력하여 책상 옆에 붙여놓고 보고 있습니다. Ctrl + X Delete line 라인 삭제 Ctrl + ↩ Insert line after 다음 라인 삽입 Ctrl + Shift + ↩ Insert line before 이전라인 삽입 Ctrl + Shift + ↑ Move line/selection up 선택된 라인 올리기 Ctrl + Shift + ↓ Move line/selection down 선택된 […]
-
Javascript, jQuery 2013‧09‧07
jQuery - 간단한 랜덤 배너 이미지노출
이미지와 링크, alt가 랜덤하게 노출되는 간단한 배너를 만들어보자. 일단 방금 만들었던 소스를 예제로 아래에 넣어보았다. function randomImage(){ var bannerImages=new Array(); bannerImages[0]="/blog/WertyImg/banner_holdholic.jpg"; bannerImages[1]="/blog/WertyImg/banner_mylocation.jpg"; bannerImages[2]="/blog/WertyImg/banner_touchlock.jpg"; var bannerlink = new Array(); bannerlink[0] = "http://goo.gl/t58iI"; bannerlink[1] = "http://goo.gl/jElia"; bannerlink[2] = "http://goo.gl/2DkdP"; var bannerTitle = new Array(); bannerTitle[0] = "통화중 화면 잠금 어플 - 홀드홀릭 다운받기"; bannerTitle[1] = "간편하고 빠르게 […]