티스토리 뷰
일반적으로 양식 입력 오류가 있으면 위쪽에 오류 메시지가 표시됩니다.
많은 경우 오류 메시지가 표시가 남아 있기 때문에
두 번째 오류가 때 표시가 업데이트되지 않고 애매할 수 있습니다.
오류가 발생거야라는 것을 강하게 어필하고 싶을 때에는 formAnimation를 사용해 보자.
애니메이션으로 임팩트있는 알림 수 있습니다.
formAnimation 사용법
formAnimation에서 2 패턴의 애니메이션을 지원하고 있습니다.
첫째는 셰이크입니다.
또 바운드입니다.
어느 쪽이 좋은가는 사이트 나 통지하고 싶은 내용에 따라 달라질 것입니다.
셰이크 제스처는 전체 폼이 입력을 싫어하고있는 것 때문에 더 효과적이지 않을까 생각합니다.
formAnimation는 JavaScript로 만든 오픈 소스 소프트웨어 (MIT License)입니다.
nnluukhtn/formAnimation: Form Animation: when form validation <3 animate.css
'오픈소스' 카테고리의 다른 글
| XCSwiftr - Objective-C 코드를 Swift로 변환하는 Xcode 플러그인 (2) | 2016.06.15 |
|---|---|
| player - CLI 음악 플레이어 (0) | 2016.06.15 |
| OctoMouse - 얼마나 키보드 / 마우스를 사용하고 있는지 수치화 (0) | 2016.06.15 |
| s3rver - node용 Amazon S3 클론 (0) | 2016.06.15 |
| Scrollbear - 이미지를 로드해도 읽고있는 위치가 변하지 않는 (0) | 2016.06.15 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- node.js
- go
- mit license
- HTML5
- Open Source JavaScript
- github에
- 자바 스크립트
- Web API
- software
- Mac OSX
- 소프트웨어
- SVG
- CMS
- 오픈 소스
- 텍스트
- 디자인
- License MIT
- Web
- javascript
- Web 오픈 소스
- cui
- 웹 API
- GPL
- GitHub
- MIT 라이센스
- linux
- Web 오픈 소스 JavaScript
- LGPL
- GPL v3
- 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 |
글 보관함