티스토리 뷰
Placeholder는 최근 웹에서 당연한 듯이 사용되게되어 있습니다.
입력 부분에 미리 문자를 줘서 입력시에 힌트를 명시 할 수 있습니다.
사용자로서도 매우 유용합니다.
그런 Placeholder를 한 걸음 더 나아가 본 것이 superplaceholder.js입니다.
어디가 슈퍼인지, 그것은 문자가 움직이는 것입니다.
superplaceholder.js 사용 데모입니다.
무엇을 입력해야하는지 또한 어떤 문자를 입력해야되는지를 명시하고 있습니다.
양식의 예입니다. 암호의 예 등도 낼 수 있습니다. 문자 쓰기 속도도 변경할 수 있습니다.
Placeholder 애니메이션한다는 것은 꽤 참신하고 재미있는 아이디어입니다.
많은 정보를 담기에는 Placeholder를 읽기가 어렵게 되는 경우가 있기 때문에,
애니메이션에 의해 짧은 문장을 여러 번에 나누어 전송하는 것도 좋을 것입니다.
superplaceholder.js는 JavaScript 제, Creative Commons 오픈 소스 소프트웨어입니다.
superplaceholder.js - super charge your input placeholders
chinchang/superplaceholder.js: ⚡Super charge your input placeholders
'오픈소스' 카테고리의 다른 글
PeekPop - 오래된 폰에서도 사용할 수 있는 3D Touch 대체 (0) | 2016.07.01 |
---|---|
Fusuma - Instagram풍의 좋아하는사진을 선택하는 라이브러리 (0) | 2016.07.01 |
esbox - 다시 로드하지않고 코드를 다시 실행 (0) | 2016.06.30 |
Prebid.js - JavaScript의 광고 표시 시스템 (0) | 2016.06.30 |
youtube-to-gif - YouTube 동영상을 애니메이션 GIF로 변환 (0) | 2016.06.30 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Mac OSX
- software
- GitHub
- go
- javascript
- License MIT
- 오픈 소스
- LGPL
- GPL v3
- Web
- cui
- mit license
- Open Source JavaScript
- CMS
- HTML5
- github에
- 웹 API
- MIT 라이센스
- 텍스트
- 소프트웨어
- 자바 스크립트
- Web 오픈 소스
- Web API
- SVG
- Web 오픈 소스 JavaScript
- node.js
- GPL
- linux
- 디자인
- GUI
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
글 보관함