본문 바로가기

Learning/HTML/CSS

CSS3 Generator_새로운 태그들

<CSS3 Generator>

http://css3generator.com/



참 신기하다. 이제 곧 HTML5도 그렇고 CSS3도 호환성만 해결이 된다면 많이 사용하게 될 버전.


사실 난 아직도 잘 웹프로그래밍에 대해서 잘 모르고 잘 못하지만,

가랑비에 옷 젖는 줄 모른다는 말이 있듯.

좀 더디게 느껴지지만 조금씩 같은 내용도 반복하면서 배우는 중이다.


새로 추가된 태그나 명령어들을 여기서 쉽게 복사해서 쓸 수 있다.

위에 보이는 사진이 사이트 들어갔을 때 첫 페이지 이다.


# Border Radius

이건 Border Radius 박스 라운드를 둥그렇게 해주는 태그이다.

1. Border Radius: 옆에 원하는 픽셀을 쳐주면 밑에 자동으로 태그가 생성된다.

2. 해당 태그가 사용가능한 인터넷 브라우저가 나와있다. 마우스를 위에 올려놓으면 버전이 뜬다. 인터넷 익스플로러는 9이상이어야 한다는 뜻이다.

3. 그대로 복사해서 붙여넣기를 하면 된다.


# Gradients



신기하고 참 편해진 기능 중 하나이다.

예전에는 포토샵에서 작업하고 다시 가지고 오는 작업을 해야 했는데 이 태그로 그라디언을 넣을 수 있다.

일단 Gradients를 선택하고 Ultimate CSS Gradient Generator 여기를 클릭하면 다음 화면이 나온다.



포토샵이나 일러스트를 조금 할 줄 아는 사람은 익숙한 화면이다.

1번에서 선택하고 2번에서 조금씩 조정하면 3번에 태그가 나온다.

대신 background color 태그를 썼다면 그걸 지우고 붙여넣기를 해야한다.


다른 것들도 해보면 옆에 preview도 친절하게 나와 쉽게 사용할 수 있다.


점점 프로그램들이 전문적이지 않아도 사용할 수 있게 쉽게 만들어지고 있다.

새로 나오는 버전에서는 플래시를 쓰지 않고 바로 <video>태그로 avi, mp4등의 동영상을 링크할 수 있다고 한다.


어쩌면 프로그래머들의 일자리가 줄거나 점점 연봉 상승이 제한이 된다는 이야기가 될 수도 있다.

나처럼 잘 모르는 사람이 듣기엔 참 반가운 소식이지만 한편으론 열심히 배워야 겠다는 생각이 수그러든다. ㅋㅋㅋ

점점 프로그래밍 뿐 아니라 대부분의 것에서 전문가가 나오기보다는 평준화가 되고 있는 듯하다.

'Learning > HTML/CSS' 카테고리의 다른 글

[HTML] Contents (목차)_ul, ol, li  (0) 2012.03.10
[HTML] basic html code  (0) 2012.03.09
HTML 수업 시작  (0) 2012.03.07