<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 |