본문 바로가기
[CSS] 주석 쓸 때 주의사항 ( CSS Syntax Checker ) CSS, 주석 사용할 때 주의사항( CSS Syntax Checker ) 오늘 CSS 관련 실습을 하던 중에.. 엄청나게 많은 시간을 쓸 데 없는 데 사용하고 말았다.CSS 에서도 주석이 된다는 것을 알고 있어서 필자는 // 가 single line 주석으로 사용될 수 있는 줄 알았다.하지만, CSS 에서 제공하는 주석은 오직 /* */ 형태라는 것. 그래서 // 를 쓰기 되면 간혹가다 다음 라인에 있는 CSS 정의가 제대로 반영이 안 되는 경우가 생긴다. 이 single line comment 에 대한 오해때문에 약 30분이나 낑낑댔다는...CSS 도 빨리 eclipse 처럼 syntax checker 가 있으면 좋겠다는 생각을 했는데..이런게 없을 리 없다. 그래서 검색해보았다. W3C 에서 제공하는.. 2013. 6. 9.
[책/리뷰] 모바일 홈페이지 쉽게 만들기. 책 리뷰, 모바일 홈페이지 쉽게 만들기 모바일 홈페이지 쉽게 만들기저자김선태 지음출판사성안당 | 2012-01-10 출간카테고리컴퓨터/IT책소개홈페이지 혁명이 일어났던 1990년대 후반의 변화보다 더 큰 충...글쓴이 평점 내 평점은 2점 / 10점. 우선, 목차만 보면 내용이 참 좋다.하지만, 책을 보다보면 단점이 너무 확연히 보인다. 1. 초보자를 위한 책처럼 위장하고 제대로 초보자를 배려하지 않았다. - 대부분의 코딩 부분에 설명이 제대로 되어 있지 않다.- Form 처리 부분은 GUI 구성으로 끝난다.- Form 처리하는 부분은 고급주제에 대한 소개로 이어져 최소한 독자가 더 공부할 수 있도록 가이드라도 해주어야 하는데 이런 배려도 없다. 2. 사진이 너무 작다. - 코드를 사진으로 붙여놓았다.... 2013. 6. 2.
[티스토리] 링크(Link) 에 밑줄 추가하기 혹은 제거하기. 기본적으로 HTML 태그 중 하나인 'a 태그'는 링크에 밑줄을 제공합니다.하지만, CSS 를 이용해서 이 밑줄을 제거할 수도 있죠. 일부 스킨에서는 링크(Link)에 처음부터 밑줄이 안 보이도록 설정하더군요. 필자의 경우는 밑줄이 있는 것이 익숙해서 오히려 살렸습니다만,일부 블로거들은 밑줄을 내용 강조용으로 사용하기 때문에 밑줄을 없애시더라구요. 그래서 링크에 밑줄을 추가 혹은 제거하는 두 가지 방법 모두를 공개합니다. 1. 티스토리 관리자 페이지로 이동 2. [HTML/CSS 편집] 클릭한다. 3. style.css 부분에서 a 태그 정의부를 찾는다. 4. 밑줄을 제거하고 싶다면 text-decoration 에 none 값을, 밑줄을 넣고 싶다면 underline 값으로 적는다. Q : hover 는.. 2013. 5. 21.
[티스토리] 쓰지도 않는 상단 툴바 따위.. 없애기! 쓰지도 않는 상단 툴바 따위.. 없애기! 지금까지 1년 넘게 블로깅을 하면서 티스토리 상단 툴바를 이용한 적이 없다. 그런데 괜히 공간만 차지하면서 지저분함 역시 제공하고 있다. 이 툴바를 없애보기로 하였다. 1. 티스토리 관리자( admin ) 모드로 들어간다. 2. [HTML/CSS] 편집으로 들어간다. 3. [style.css] 에 #tistorytoolbarid {display:none;} 코드를 추가한다. 4. 저장한다. 간단하게 한줄 코드를 추가함으로써 툴바를 없앨 수 있었다. FYI) 엥? 다시 살리고 싶다구? 추가한 저 라인을 지우면 다시 살아난다옹! css, HTML, html/css, style.css, Tistory, tistorytoolbarid, 관리자, 블로그, 블로그 관리, 상.. 2013. 5. 12.
[티스토리] 블로그에 구글 메타태그 삽입하기. 티스토리에 구글 메타태그 넣기. 메타 태그? 메타태그는 HTML 태그 중 하나로,보여지는 내용을 넣는 것이 아니라 해당 페이지에 대한 추가정보를 넣는 곳입니다.이 메타태그는 검색엔진에서 검색을 할 때 참고되어지기 때문에 메타태그를 잘 작성하면검색엔진에서 내 글이 상위에 위치할 수 있을 확률이 높아집니다. 구글 메타태그는 왜 넣어? 구글의 메타태그를 넣어두면, 구글검색엔진 ( 정확히는 크롤러 )가 내 블로그의 존재를 기억하고 있다가 주기적으로 새로 작성한 글을 파악해가는데 도움을 줄 수 있습니다. 개인적으로 메타태그를 적용해놓아서인지구글에서의 유입이 가장 많더군요. 구글 메타태그는 어떻게 넣어? 자 그럼 구글 메타태그 삽입 방법을 알아보겠습니다. 1. 구글 웹마스터 도구에 접속한다. 2. 사이트 추가를 클.. 2013. 5. 10.
[티스토리] 검색박스에 힌트 텍스트 넣기. ( 매우 쉽죵~ ) 오늘 소개할 간단한 블로그 관리 팁은검색창에 Hint text 넣기. WordPress를 이용해 만든 어떤 블로그에 들어갔다가저렇게 힌트 글이 있는 것을 발견하고,저 힌트글이 있으면 저 곳이 검색창이라는 것을 알고 더 쉽게 검색을 할 수 있겠다는 생각이 들었다. 전직 개발자가 이것도 못할소냐?도전! & 성공! 1. 티스토리 관리자 모드에 들어간다. 2. HTML/CSS 편집으로 들어간다. 3. Ctrl + F 를 눌러 "searchBox" 를 검색한다. 4. 아래와 같이 placeholder="검색어를 입력하세요" 의 코드를 추가해준다. ** 2013년 5월 10일 오전 2시 추가내용. placeholder 속성은 익스플로러의 경우 10 부터 된다고 하네요. 참고하세요 ^ ^ 2013. 5. 9.
[JavaScript/Tutorial] HTML, CSS, 그리고 JavaScript 웹을 구성하는 아주아주 원초적인 언어들을 이야기하라면 HTML, CSS, JavaScript 를 들 수 있겠다. HTML 은 Contents 를 표현하는데 사용되고, CSS 는 Visual 을 담당하고 JavaScript 는 Interaction 을 통해 Dynamic 한 페이지를 제공하는 것을 담당한다. Hello World Click Me! Click Me2! * querySelector 를 통해 검색되는 녀석은 "첫번째" 로 맞딱뜨리는 tag 이다. * addEventListener 의 parameter 들은 eventName, function, useCapture 이다. 이 중 useCapture 가 true 일때는 capturingPhase 로, false 일때는 bubblingPhase 로 작.. 2013. 5. 8.
[jQuery/Tutorial] CSS 에서 정의한 class 적용하기 & Effect 주기. 출처 : jQuery 공식 홈페이지 jQuery ( JavaScript ) 와 CSS 는 뗄 수 없는 관계. 태그를 통해서 class 정의를 하고,addClass( "className" ) 과 removeClass( "className" ) 을 통해정의된 class 를 추가 및 제거할 수 있다. jQuery jQuery 를 통해서는 effect 를 주는 것도 쉬운데,이 예제에서 사용된 것은 천천히 사라지는 hide( "slow" ) effect 이다. 2013. 5. 8.
jQuery 를 공부해야 하는 이유 ( 결심동기 ) 안드로이드 개발자로서, 이제는 Script 언어들의 기본기를 천천히 다져놓을 때라고 생각이 되었다. 그 이유는 구글이 돈독이 올라서이다.처음에는 Open 과 Free 를 추구하며 광고수익만으로 만족할 것 같이쿨한척 다하던 구글이 태도를 바꾸었다. 마냥 오픈하여 iOS 를 뛰어넘기만을 바랄 줄 알았던 구글이모토로라를 인수하면서부터 서서히 제조사들을 긴장시키더니이제는 점점 폐쇄적인 정책을 추구하며 서서히 돈을 요구하고 있다.제조사들은 안드로이드를 유료로 전향할 것이라는 예상까지도 하고 있다. 그래서 요즘 이슈가 되고 있는 것들이삼성과 Intel 의 타이젠.모질라 재단의 파이어폭스 OS.그리고 Ubuntu 계열의 Ubuntu Mobile. 요 녀석들 중에 파이어폭스 OS 의 경우는웹 브라이우저 베이스가 되는 .. 2013. 5. 7.
반응형

티스토리툴바