본문 바로가기

Ohming364

메뉴 롤오버 xe에서 css 부분 고치다가 보통때는 a 마우스를 올렸을때는 a:hover 마우스로 클릭했을때는 a.a_on그리고 내가 쓴 레이아웃의 css에는 !important 라는 생소한게 많았다. css를 적용해도 이것때문에 안되는 경우도 있다는걸 처음 알았다. 잘만 이용하면 좋은 것 같긴한데. 이 글이 제일 이해하기 쉬운 것 같다. CSS 에서 !important 속성은 무엇을 뜻하는 것일까? CSS(Cascading Style Sheets)는 Cascading 즉 폭포처럼 위에서 아래로 흘러내리는 스타일들의 묶음이다. 위에서 아래로 흘러내린다? CSS의 가장 큰 특징이자 매력은 중복 정의와 가장 나중에 정의된 값이 적용된다는 점입니다. 예를 들어 아래와 같이 스타일을 만든다고 하면 본문의 색상은 나중에 설정.. 2012. 7. 6.
xe 기본 스킨 수정하기 2일째! 제대로 한 건 어제부터니까 2일째! - 페이지의 본문이 짧아도 최소 높이를 설정해 주어서 보기 좋게 바꿨다. css에서 min-height를 설정해주었다. - 로고수정. - 상단에 그림 들어가는 부분을 수정. -> jquery 라이브러리 중에서 jquery Lettering을 사용해서 플래시처럼 글자 애니메이션 효과를 주었다. 글자 위치는 position:absolute 절대 위치로 해서 top이랑 left를 설정해 주었다. 하지만 고쳐도 XE 느낌 ㅋㅋ 그래도 상단부분은 어느 정도 끝난거 같으니 내일은 하단부분을 열심히 수정해야겠다. 신기한건 그림 아래에 선을 하나 넣느냐 안넣느냐가 홈페이지가 어슬픈가 어설퍼 보이지 않는가를 결정한다. 비록 작은 부분이지만 세심하게 할 수록 전체적으로 봤을때 완성도가 .. 2012. 7. 3.
글자 애니메이션효과 jquery Lettering 플래시로 해야하나 고민고민을 하다가 왠지 있을 것 같아서 jquery 라이브러리를 찾아봤는데 역시나 있다! 그리고 내가 생각했던것과 똑 같은 효과가 ㅋ http://www.giuliandrimba.com/labs/lettering-animate/이 사이트에 들어가면 자세히 쓰는법도 볼 수 있고, 다운도 받을 수 있다. 바로 이것 처럼! 이렇게 글자가 물결치는 것 같은 효과를 넣을 수 있다. 간단히 글자에 애니메이션을 부여하는 방법이 이제는 플래시가 아닌 jquery 라이브러리로도 된다니 짱이다! 이 효과 외에도 여러가지가 있다. 유용! 2012. 7. 3.
HTML5 사이트 조사 - https://sifterapp.com/ small teams와 비전문적인 사람들과 함께하는 팀을 위해 설계된 협업툴.◆ 특징 : 협업툴이다. 30일동안 무료로 사용해 본 후에 결제할 수 있다.Project Dashboard, Milestone Dashboard, Issue Listing, Issue Detail, Issue Creation의 기능이 있다. (dashboard : 웹에서, 한 화면에서 다양한 정보를 중앙 집중적으로 관리하고 찾을 수 있도록 하는 사용자 인터페이스(UI) 기능.)Project Dashboard는 프로젝트의 전체 개요를 볼 수 있고, Milestone Dashboard는 Milestone은 Sifter의 큰 부분을 차지하며 프로젝트가 끝날때까지 각 Milestone이 도달하는 전반적인 진행상황을 확인하고, Issue.. 2012. 7. 2.
HTML5 사이트 조사 - http://pancakeapp.com/ Invoice(송장 : 매매 계약 조건을 수행하였음을 밝히는 서류. 일반적으로 국내 거래에서는 거래 명세서라고 함)과 Estimate(견적서 : 거래 전 셀러가 바이어에게 어떠한 제품에 대한 가격, 기타 조건등을 제시하는 것. sales invoice 하고 같은 맥락)를 작성하는 사이트.◆ 특징 : 송장과 견적서를 웹에서 작성하고 바이어에게 보낼 수 있으며, Proposal을 거절 할 수도 있고, Accepted 할 수 있다.Invoice 생성과 관리, Estimates 생성과 관리, Project 생성과 관리, Proposals 생성과 관리, Reports, Clients 추가와 편집과 삭제, Users 추가와 그룹 관리를 한 번에 할 수 있다.◆ 사용 : demo를 사용해봤다. 다른 사람들이 벌써 작.. 2012. 7. 2.
HTML5 사이트 조사 - https://agilebits.com/onepassword 비밀번호 관리 프로그램. (1Password 라는 이름에서부터 무엇인지 감이 잡힌다.)◆ 특징 : 사실은 비밀번호 뿐 아니라 다양한 종류의 정보들을 관리할 수 있는 프로그램이다. 브라우저와 통합되어 각종 사이트의 아이디와 비밀번호를 자동으로 채워주는 기능은 가장 기본적이고 단순한 기능일 뿐. 이외에 카드 번호, 개인 정보 등의 민감한 정보들을 관리해 준다. Dropbox 싱크를 지원하기 때문에, 다른 맥과 윈도우 컴퓨터, 그리고 아이폰과 아이패드에서 동일한 정보를 사용할 수 있다는 장점도 있다. 각 사이트마다 이 프로그램이 생성하는 서로 다른 강력한 암호를 쓰는 것이 제일 좋은 방법이다. 다만, 맥과 윈도우, 아이폰과 아이패드용 어플리케이션을 모두 사야 한다는 압박이 좀 있긴 하다.(Commercial .. 2012. 7. 2.

티스토리툴바