Color Button Addon

애드온 2013.02.25 15:01:14
perfectly_new_button_addon_ver_2.1.png
chome,ie,safari,firefox.png 
    
line.png

its_not_image.png


XDT Button Addon은 최신 CSS언어 버젼인 CSS3을 사용하여 이미지로만 구현가능하던 둥근모서리, 그림자 기능을 CSS3로 대신했습니다. 따라서 해상도에 따라 깨지는 이미지와는 달리 확대를 해보아도 깨지지 않으며 서버와의 통신에서 텍스트로 전송되므로 이미지보다 용량이 작아 트래픽 관리에도 유용합니다. (단, 내부 텍스트는 이미지 이므로 확대시 계단현상이 보입니다)

button_zoom_example.png

use_cufon.png

<cufon>태그는 간단히 말하여 텍스트를 이미지로 바꿔주는 역할을 합니다. 이 태그를 통해 나눔고딕폰트를 버튼안에 삽입할 수 있었습니다. 나눔고딕폰트가 사용자의 PC에 설치가 되어있지 않더라도 서버에서 이미지로 바뀌어진 그림파일은 그대로 보여지기 때문에 정상적으로 나눔고딕폰트가 버튼안에 삽입됩니다.

work_all_browsers.png


버튼 애드온에서는Sencha.Inc의 CSS3PIE 프로그램을 이용하여, CSS3 코드를 지원하지 않는 Internet Explorer 8 이하의 브라우저에서도 동일하게 CSS3 코드를 사용할 수 있습니다. 따라서 Internet Explorer 8, Internet Explorer 7 같은 브라우저에서도 쉽게 만든 버튼을 이용자에게 보여줄 수 있습니다.

pie.png

example.png