마법수정화살

IE와 호환을 위해서는 css로는 안되고 javascript를 사용해야 한다.

아래 블로그 내용을 참조하였습니다.

http://blog.upgle.com/7670

  1. HTML5 Placeholder jQuery Plugin 다운받기

https://github.com/mathiasbynens/jquery-placeholder

  2. 데모페이지

http://mathiasbynens.be/demo/placeholder

  3. 사용방법

JQUERY를 삽입하는것만으로 자동으로 placeholder속성을 찾아 적용시켜줍니다. 정말 간단합니다!

IE 9 에서는 잘되고

IE 8 에서는 input type password type은 **** 로 나오므로 password 타입에 사용 할 때 고려해야 함.

감사합니다.

Glyphicons 

아이콘을 이미지로 표현 대신 폰트로 보여주어 고화질에서도 깔끔케 보이도록 하는 방법이다. 

Bootstrap 을 통해 사용하는 방법을 보자.

사용법

성능상의 이유로, 모든 아이콘은 기본클래스와 개개의 클래스를 필요로 합니다. 사용하려면, 다음의 코드를 어디든지 붙혀놓으면 됩니다. 적절한 패딩을 위해 아이콘과 글자 사이에 공간을 남겨두세요.

예제

툴바와 네비게이션을 위해 버튼과 버튼 그룹에 그들을 사용하거나, 폼 입력요소 앞에 덧붙힙니다.

Font Awesome

http://fortawesome.github.io/Font-Awesome/icons/

많은 아이콘을 제공한다 4.3.0 버전 519개 

- FA의 다양한 아이콘을 Glyphicons 으로 사용 할 수 있다. 

Instrumente 크롬 익스텐션을 사용하면 FA 아이콘과 class를 확인 할수 있는 항목이 있다. 

첨부된 파일을 받으면 확인해 볼 수 있습니다.

bootstrap + fontawesome

bootstrap.zip

어떤 영역에 스크롤 되면 이벤트를 발생 시킨다.

http://imakewebthings.com/waypoints/guides/getting-started/

웨이 포인트는 요소에 스크롤 할 때 기능을 트리거 할 수있는 가장 쉬운 방법입니다.

크롬에서 잘된다.

Jquery 1.8 이상

IE 9 이상

대시보드? 

데모페이지에 가보면 확인해 볼 수 있다. 

제공 되는 데모 화면.. 

드래그 해서 옵기면 촥촥 잘 붙는다~~

나중에 써먹어야지...

비슷한거.

http://mcpants.github.io/jquery.shapeshift/