일반적으로 양식 입력 오류가 있으면 위쪽에 오류 메시지가 표시됩니다. 많은 경우 오류 메시지가 표시가 남아 있기 때문에 두 번째 오류가 때 표시가 업데이트되지 않고 애매할 수 있습니다. 오류가 발생거야라는 것을 강하게 어필하고 싶을 때에는 formAnimation를 사용해 보자. 애니메이션으로 임팩트있는 알림 수 있습니다. formAnimation 사용법 formAnimation에서 2 패턴의 애니메이션을 지원하고 있습니다. 첫째는 셰이크입니다. 또 바운드입니다. 어느 쪽이 좋은가는 사이트 나 통지하고 싶은 내용에 따라 달라질 것입니다. 셰이크 제스처는 전체 폼이 입력을 싫어하고있는 것 때문에 더 효과적이지 않을까 생각합니다. formAnimation는 JavaScript로 만든 오픈 소스 소프트웨어..
의외로 좋을지도! 스마트 폰 등으로 Web 사이트를보고있어 사진이 후로부터 읽히는 위해 콘텐츠의 높이가 바뀌어 잘못된 탭을 버릴 수 있습니다. 많은 경우 배너 등으로 매우 좌절합니다. 그 런 사이트에 도입 해 주었으면가 Scrollbear입니다. 이미지를 로드해도 읽고 있는 내용의 높이가 변하지 않는 라이브러리입니다. Scrollbear 사용법 왼쪽이 Scrollbear 도입 후, 오른쪽이 미 도입입니다. 이미지가로드 될 때마다 내용이 부들 부들 움직입니다. Scrollbear을 도입 해두면 컨텐츠가 달라지는 것은 아닙니다. 그러나 이미지의 높이를 미리 정해두면 좋은 것은 사용자가 콘텐츠를 만드는 것 같은 이미지의 유무를 알 수없는 사이트에 사용하는 것이 좋을 것입니다. Scrollbear는 JavaSc..
간판시스템은 이제 프로젝트 관리의 기본 기능 만되고 있습니다. 미세 상태는 차치하고, 개발하고 있는지 테스트인지 등 상태를 한눈에 알 수있는 것은 좋은 것입니다. 그런 간판 기능만을 제공하는 것이 Retro Board입니다. 매우 심플한 간판 기능을 제공합니다. Retro Board 사용법 이름을 입력하고들어갑니다. 작업은 여러 개 만들 수 있습니다. 목록에서 한번에 볼 수 있습니다. Retro Board는 가장 기본적인 간판 기능 밖에 없습니다. 프로젝트 관리는 다른 것이 좋을지도 모릅니다. 그리고 작업 내용을 결정하면 Retro Board 작업을 써 가며 상태를 관리하는 것이 좋을 것입니다. Retro Board는 node / JavaScript로 만든 오픈 소스 소프트웨어 (GPL v3)입니다...
업무 시스템이라고해도, UI가 갖추어져있는 것이 동기가 나올 것입니다. 특히 대시 보드 계의 잘 보면 화면이면 알기 쉽게되어 있는지 생산성이 크게 달라집니다. 이번에 소개하는 오픈 소스 소프트웨어는 RazorFlow, HTML5의 대시 보드 프레임 워크입니다. RazorFlow 사용법 RazorFlow에서는 여러 차트를 지원합니다. 목록도 사용할 수 있습니다. 그래프 마우스 오버로 설명이 나옵니다. 이쪽은 더 역동적 인 데이터 변화가 있습니다. 양식에 표시되는 데이터를 좁힐 수 있습니다. 카테고리와 명칭 등으로 검색 할 수 있습니다. RazorFlow는 각종 그래프 외에 KPI 표시 패널, 게이지, 테이블, 드릴 다운 등의 표시 및 기능에 대응하고 있습니다. HTML5를 사용하고 실시간 렌더링 업데이트도..
- Total
- Today
- Yesterday
- SVG
- MIT 라이센스
- node.js
- 오픈 소스
- javascript
- 소프트웨어
- Web 오픈 소스
- linux
- Web API
- go
- cui
- HTML5
- github에
- LGPL
- GPL v3
- 텍스트
- 웹 API
- GPL
- mit license
- 디자인
- Web
- CMS
- 자바 스크립트
- GUI
- Web 오픈 소스 JavaScript
- GitHub
- License MIT
- Open Source JavaScript
- Mac OSX
- software
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |