이전
목록
다음
명

CSS3 와 프로그래머,그리고 웹디자인

명랑폐인
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2011-03-20 (일) 18:09:02 · 2831 · 6

프로그래머가 웹사이트 제작시 짜증나는 경우가 웹디자인 부분
그중에서도 UI를 구성하는 레이아웃 이미지, 버튼 이미지등일텐데요.
간단하게 보이면서도 디자이너가 해주지 않으면, 못하는 영역중 하나입니다.
포토샵을 좀 만져보면 어렵지는 않은것이나, 포토샵 프로그램을 실행하여, 텍스트나 이미지 색성을 변경한후
다시 파일로 자르고, 그걸 ftp로 올리는 일련의 과정은, 귀찮은 작업이죠.
특히나, 저처럼 게으른 프로그래머들에겐,

웹앱을 관심을 가지고 있어, HTML5, CSS3 관련 자료들을 둘러보고 있는데,
위에 얘기했던, 부분들이 CSS3 코드만으로 처리가 가능하군요.
레이아웃이미지(둥근 모서리 테이블등)나 버튼들은, 그냥 CSS로 다 처리됩니다.
(특이한 모양 버튼들도, 이미지 + CSS3로 다 가능)

참고 URL
http://codecanyon.net/category/css
css 나 간단한 코드 라이브러리, 디자인관련 부분들을 판매하는 사이트입니다.
(css3 는 IE계열은 지원이 안됩니다. IE9에선 지원한다는 얘기는 들었지만, 되는지는 확인못해봄)
http://codecanyon.net/theme_previews/110073-flexible-css3-buttons-set?index=1
http://codecanyon.net/theme_previews/137335-100-css3-pagination-styles?index=1
http://codecanyon.net/theme_previews/134187-css3-shadow-pack?index=7

아래 사진은 개발중인 프로그램의 UI로 사용하기 만든것입니다. 물론 CSS3를 사용하였고
이미지는 하나도 들어가지 않았습니다.



HTML5 (With CSS3)가 모든 브라우져에서 지원되는 날은 멀어보입니다만,
모바일웹에서는 일찍 찾아올것 같습니다.(이미 아이폰과, 안드로이드폰은 CSS3를 지원하고 있습니다.)

결론:
일요일에 사무실 나와서 일은 안하고, css3 자료만 찾아보고 있음 -_-

#개발자톡 #개발자
|

댓글 6개

라엘
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2011-03-20 (일) 18:11:15
그라디언트가 top -> bottom left -> right 로 지정이 되는게 좋더라구요.

가장자리 둥글게랑


이 두가지만 아주 가끔 사용합니다.
명랑폐인
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2011-03-20 (일) 18:34:01
디자인은 아이폰 문자함을 흉내낸것 같더라구요. 제가 만든게 아님^^
저거 css 수정해야 하는데, 도움좀 주세요.(css 잘모르는1인)
라엘
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2011-03-20 (일) 20:34:58
네 샘플코드 주시고 원하는 내용 말씀하시면 수정해 드릴께요
명랑폐인
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2011-03-20 (일) 20:55:34
http://webtalk.kr/test/test2.php
http://webtalk.kr/test/test2_2.php
원하는건 li 단위로 좌우배치가 나오는 형태입니다.
한줄은 (test2.php 처럼, 그 다음줄은 test2_2.php 처럼)
색상은 회색계열 하나 더 추가.

모바일 웹앱에서 쪽지가 왔을때 사용할려고 합니다.
(아이폰의 메세지함 UI와 동일한 형태를 만들생각)
라엘
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2011-03-21 (월) 14:03:49
http://datalink.lael.be/sir.co.kr/p1514/priv_chat.html
명랑폐인
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2011-03-21 (월) 17:52:51
헐...님아 고수...
우왕~~~굳
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
11-07-16 조회 2,906
11-07-16 조회 3,075
11-07-15 조회 2,582
11-07-13 조회 3,504
11-07-13 조회 2,739
11-07-12 조회 3,379
11-07-12 조회 2,955
11-07-12 조회 2,570
11-07-12 조회 4,741
11-07-12 조회 3,142
11-07-12 조회 2,521
11-07-12 조회 2,388
11-07-12 조회 3,311
11-07-11 조회 2,522
11-07-11 조회 2,353
11-07-11 조회 2,258
11-07-11 조회 3,640
11-07-11 조회 2,233
11-07-11 조회 2,487
11-07-11 조회 3,263
11-07-11 조회 2,427
11-07-09 조회 2,493
11-07-08 조회 3,018
11-07-08 조회 2,644
11-07-08 조회 2,753
11-07-08 조회 2,558
11-07-07 조회 3,908
11-07-07 조회 2,582
11-07-07 조회 2,209
11-07-06 조회 2,431
11-07-06 조회 2,244
11-07-05 조회 2,253
11-07-05 조회 2,147
11-07-05 조회 2,406
11-07-05 조회 2,722
11-07-04 조회 2,958
11-07-03 조회 2,633
11-07-02 조회 2,664
11-07-02 조회 2,457
11-07-01 조회 2,592
11-07-01 조회 2,868
11-07-01 조회 2,680
11-07-01 조회 2,983
11-06-29 조회 2,723
11-06-28 조회 2,537
11-06-28 조회 2,588
11-06-28 조회 2,567
11-06-28 조회 3,126
11-06-28 조회 3,168
11-06-28 조회 2,844
11-06-27 조회 2,998
11-06-27 조회 3,158
11-06-27 조회 2,122
11-06-27 조회 2,658
11-06-27 조회 2,096
11-06-26 조회 2,429
11-06-26 조회 2,860
11-06-26 조회 2,376
11-06-26 조회 2,420
11-06-25 조회 2,629
11-06-24 조회 2,775
11-06-24 조회 2,672
11-06-24 조회 2,412
11-06-24 조회 2,719
11-06-23 조회 2,849
11-06-23 조회 2,801
11-06-23 조회 2,387
11-06-23 조회 3,601
11-06-23 조회 1,913
11-06-22 조회 2,593
11-06-22 조회 2,411
11-06-22 조회 2,283
11-06-22 조회 2,855
11-06-22 조회 3,232
11-06-21 조회 2,662
11-06-21 조회 2,297
11-06-21 조회 2,330
11-06-20 조회 2,584
11-06-17 조회 2,912
11-06-16 조회 3,026
11-06-16 조회 2,055
11-06-16 조회 2,564
11-06-15 조회 2,535
11-06-15 조회 2,517
11-06-15 조회 3,273
11-06-15 조회 3,110
11-06-15 조회 2,971
11-06-14 조회 2,682
11-06-14 조회 2,664
11-06-14 조회 3,277
11-06-13 조회 2,475
11-06-13 조회 2,094
11-06-13 조회 2,400
11-06-13 조회 2,314
11-06-13 조회 2,830
11-06-13 조회 3,080
11-06-13 조회 2,779
11-06-12 조회 2,450
11-06-10 조회 2,537
11-06-10 조회 2,568
글쓰기