CSS3 – 웹표준과 W3C

Web-Standard

  1. CSS3의 모듈 CSS3는 CSS2.1의 확장버전으로 CSS2.1이 HTML 요소의 효과를 위한 도구였지만 CSS3는 이 효과를 보다 멋지게 표현하기 위한 도구라고 할 수 있습니다. CSS3 단계부터는 CSS항목(Specification)에 대한 개별적인 개발이 아닌 모듈형태로 개발이 되면서 하나의 모듈에는 많은 항목이 있고 하나의 모듈은 독립체로 사용됩니다. 이러한 모듈에는 선택자(Selectors), 텍스트(Text), 배경(Background) 등 여러개가 있습니다. 이러한 모듈 형태의 잇점은 모든 CSS항목이 ...

CSS3 – border-radius 속성 사용하기

CSS3-border-radius

CSS3의 border-radius는 CSS기초부분에서 많이 다루었는데 그만큼 웹페이지에서 많이 사용하는 속성입니다. 인터넷 익스프로러 8버전이하에서는 지원을 하지 않기 때문에 이미지 파일을 이용하여 여러가지 방법으로 둥근 모서리를 만들었죠. IE에서 이것만 지원해도 웹디자인은 쉬워질텐데 말이죠. 1. 웹브라우저별 접두어(Prefix)   border-radius 속성은 IE8이하 버전을 제외하고는 거의 모든 웹브라우저에서 지원합니다. 우리나라에서는 IE의 사용자가 아주 많습니다. IE8 이하 버전의 사용자도 아직도 많은 수를 차지합니다. 그렇기 ...

워드프레스 – Font Awesome 폰트 아이콘 사용하기

Font Awesome, the iconic font designed for use with Twitter Bootstrap - CoolNovo_2012-07-30_10-28-44

  아이콘은 대부분 이미지로 된 것을 사용하지만 요즘은 아이콘 폰트를 만들어 사용하기도 합니다워드프레스 3.5버전에 포함될 새로운 기본 테마인 Twenty Twelve에 이런 방법을 사용할 수도 있다고 하는군요. 워드프레스닷컴(http://wordpress.com/i/noticons/example.html)에는 이미 사용하고 있으며 오픈 소스 개발자들을 위한 무료 웹호스팅 서비스인 Github(https://github.com/styleguide/css/7.0). 의 경우 많은 폰트 아이콘을 사용할 수 있는데 무료 공개되지는 않았습니다.   Font Awesome은 폰트로 만들어진 아이콘으로 다음 장부터 나오게 될 ...

CSS – 알아두면 유용한 CSS 팁

CSS-tip

  웹디자인시 반드시 사용하게 되는 스타일시트 작업에서 알아두면 편리한 팁을 소개합니다. 1. CSS 폰트 스타일 정의 단축형(Shorthand) 폰트에 대하여 정의할때 여러가지 속성과 값을 별도로 정의하게 됩니다. font-weight: bold; font-style: italic; font-variant: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif; 위와 같이 여러개의 속성과 값을 정의할 수도 있지만 다음과 같이 한줄로 단축형을 사용할 수 있습니다. font: bold italic small-caps 1em/1.5em verdana,sans-serif 즉 다음과 같은 Syntax로 적용을 해야합니다. font: font-style font-variant ...

워드프레스 템플릿 계층구조(Template Hierarchy)

Template_Hierarchy

템플릿 계층구조(Template Hierarchy)   워드프레스의 테마 폴더 안에는 여러 개의 파일이 있지만 사용하는 파일이 상황에 따라서 다릅니다. 이것은 사용자가 지정하는 것이 아니라 워드프레스가 알아서 파일을 지정합니다. 폴더안에 front-page.php 파일이 있으면 워드프레스는 이것을 웹페이지 초기화면으로 나타나도록 합니다. 이파일이 없으면 그다음 단계인 page.php파일을 초기화면으로 사용합니다. 만약 이것도 없다면 index.php파일을 초기화면으로 사용합니다. 이처럼 테마 폴더 안에 어떤 파일이 있느냐에 따라서 사용되는 파일이 달라지는 것을 템플릿 ...

포토샵 – 종이 상자 만들기

PAPER_CUBE

무료 액션파일을 이용하여 사진이 붙여진 큐브를 만드는 방법을 알아봅니다. 이곳 을 클릭하여 액션을 다운 받습니다. 링크를 클릭하여 사이트에서 하단에 다운로드 버튼을 클릭하면 받을 수 있습니다. 포토샵 버전과 포토샵 엘리먼트버전이 있습니다. 포토샵버전을 다운 받으세요. 다운받은 후 압축을 풀면 액션파일이 있습니다. 더블클릭하면 포토샵에 설치됩니다.   메뉴에서 윈도우-액션을 선택하면 액션패널이 나오고 하단에 설치된 액션셋이 나옵니다. 이름 앞의 작은 세모를 클릭하여 ...

페이지 3 의 1812345...10...마지막 »