Elfsight YouTube Gallery
Dammmmm~

jQuery 기반으로 만든 웹사이트 위젯. 그 중에 유투브 갤러리와 인스타그램 피드는 매우 훌륭



2주동안 하루에 14시간씩 작업하며 드디어 회사 홈페이지의 소소한 업그레이드를 마쳤다.(대략 30페이지 정도인데 토하는 줄)

까페24 쇼핑몰의 "쇼핑몰 디자인 수정"으로 들어가면 웹상에서 쇼핑몰의 스킨을 수정할 수 있도록 웹브라우져에서 실행되는 웹에디터를 제공하는데, 기본적으로 까페24 쇼핑몰의 자체 문법을 사용하고 있기 때문에 드림위버와 같은 HTML 에디터로 수정이 불가능하다. (HTML과 CSS를 전혀 모르는데 쇼핑몰을 구축하고 싶어하는 사람들을 위한 자체 문법이지만, 웹디자이너를 위한 환경도 지원해줬으면 좋겠다)

그래서 까페24가 자체 제공해주는 웹에디터로 작업을 해야 하는데, 이게 드림위버 같은 웹에디터에 비해 작업 소요 시간이 정말 오래 걸린다. 특히나 CSS를 수정할 때는 더더욱 그렇다. 혹시나 까페24 솔루션을 이용해서 쇼핑몰을 운영하고 있고 수정을 하고 싶은 분들을 위해서 좋은 프로그램 하나를 소개하려고 하는데 Espresso라는 CSS 에디터이다.

더보기




까페24 쇼핑몰은 디자인 수정이 진짜 진짜 너무 거지같다. 현재 사용하는 서비스 중 네이버 블로그 스킨와 함께 최악!!
네이티브 HTML, CSS를 지원하지 않고 자체 문법을 사용하는 웹서비스들은 정말...답이 없다. 요즘 웹퍼블리싱 앱들이 얼마나 잘 나오는데 이거를 웹에서만 수정 가능하도록 해놔서 작업시간을 2~3배 걸리게 만들어놨냐. 드림위버랑도 연동이 안되게 해놨으니...;;

덕분에 야근 -_-v


이번에 처음으로 Adobe MUSE(뮤즈)를 사용해봤는데, 다른 것보다 가장 편했던 점은 포토샵과 연동이 매우 뛰어나다는 점이다. 포토샵에서 시안파일 만들 때 레이어만 정리를 잘 해두면 뮤즈에서 작업시 정말 빠르게 웹사이트 작업이 가능하다.

PSD 파일의 레이어들을 뮤즈로 불러오는 방법에 대한 설명은 여기 링크를 참고하면 된다.


이제까지 웹디자인 작업할 때 퍼블리싱은 항상 어도비 드림위버를 사용했었는데, 처음으로 어도비 뮤즈(MUSE)를 사용해봤다. 몇가지 사용법 동영상만 보고 바로 작업하는데 무리없고 포토샵과 드림위버로 작업을 해본 사람이라면 전혀 어려울 것이 없는데다 작업 시간이 엄청 줄일 수 있는게 장점.

특별히 CSS에 특별한 소스를 추가해야 하는 것이 아니라면 HTML과 CSS 신경쓰지 않고 그냥 뚝딱뚝딱하면 결과물이 촥촥촥 나온다. PHP나 ASP와의 연동이 필요하다면 뮤즈에서 모두 다 처리할 수는 없고, 나중에 드림위버로 추가작업을 해줘야겠지만, 단순 HTML+CSS 웹사이트라면 강추하는 웹디자인 프로그램!



드디어 오픈했다. 휴... 아직 미완성이지만 일단 오픈하고 보기

Adobe - CSS Advisor beta
Design. 2007.04.24 15:04

사용자 삽입 이미지
어도비에서 디자이너를 위한 또 하나의 레퍼런스 서비스로 CSS Advisor를 오픈하였군요. 컬러 레퍼런스 서비스인 kuler에 이은 레퍼런스 시리즈인 것 같습니다. 아직은 베타지만 어느정도 시간이 지나고 데이타베이스가 구축이 되면 괜찮은 서비스로 자리매김 할 것 같습니다. CSS에 대한 문제를 브라우져 별로 카테고리를 나눈 것도 꽤나 도움이 되겠군요. 드림위버 팀에서 관리를 한다는데 kuler와 일러스트 CS3이 연동되듯이 css advisor와 드림위버 CS3이 연동된다면 좋겠네요.


하지만 전 CSS 드림위버에서 못 해먹겠습니다. CSSEdit이 훨씬 좋아요. -_-b

Adobe CSS Advisor

사용자 삽입 이미지
예전부터 해야지 해야지 생각만 하고 하지 못한 것 중에 하나가 작업한 웹디자인 시안 파일을 공개하는 것이었는데, 이제서야 실행에 옮깁니다. 뭐 그리 대단한 작업물들은 아니지만 공부하면서 열심히 만들었던 것들입니다. 전문적인 분들에게는 도움이 얼마나 될지는 모르겠지만 현재 웹디자인을 공부하는 분들에게 조금이나마 도움이 될 것 같아 무료로 웹디자인 시안파일을 공개해드립니다.

이번에 올리는 시안은 운동화 쇼핑몰 웹사이트 시안입니다. 쇼핑몰에서 물건의 사진들, 공지사항, 자체 배너등이 어떤식으로 배치되는지, 메뉴가 전체 레이아웃에 방해되지 않기 위해서 얼마나 적당한 사이즈를 유지하는지, 시선을 집중시키는 텍스트의 흐름과 색상조합 등은 전혀 보지 마시고...;; 그냥 쇼핑몰 사이트는 이렇게 생겼구나 하고 넘어가시면 됩니다. -_-;;


절대로 상업적인 용도로 사용하지 마세요


테이블 자르기
Design. 2007.04.02 12:56

사용자 삽입 이미지
오랫만에 하는 작업이라 손도 억수로 느리고
레이아웃 잡을려니 너무너무 귀찮군요.
아...내가 왜 테두리를 만들어서 고생일까... ㅜ.,ㅜ

쌈지 홈페이지
Design. 2006.07.21 18:36

http://www.ssamzie.co.kr

prev page next page
1 2