티스토리 뷰
일반적으로 양식 입력 오류가 있으면 위쪽에 오류 메시지가 표시됩니다.
많은 경우 오류 메시지가 표시가 남아 있기 때문에
두 번째 오류가 때 표시가 업데이트되지 않고 애매할 수 있습니다.
오류가 발생거야라는 것을 강하게 어필하고 싶을 때에는 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
- 오픈 소스
- Web
- GUI
- MIT 라이센스
- go
- 디자인
- Web 오픈 소스
- github에
- linux
- 소프트웨어
- 웹 API
- node.js
- License MIT
- Web 오픈 소스 JavaScript
- Open Source JavaScript
- 자바 스크립트
- CMS
- Web API
- cui
- javascript
- LGPL
- Mac OSX
- GPL v3
- GPL
- SVG
- 텍스트
- software
- mit license
- HTML5
- GitHub
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함