텍스트만으로 모든 것을 설명하고자한다 무심코 글이 많아지는 경향이있다. 그러나 단축시키면 너무 전해지지 않게되어 버립니다. 균형이 중요하지만, 그것은 종이와 같은 정적 텍스트의 경우라고 할 수 있습니다. Web이면 더 동적으로 사용자 조작에 따라 콘텐츠를 제공 할 수도있을 것입니다. 그래서 사용해보고 싶은 것이 Expounder입니다. Expounder 사용법 Expounder 데모입니다. 밑줄이있는 문자를 클릭하면 내용이 추가됩니다. 주로 단어의 설명이거나 보충하는 내용을 표시 할 수 있습니다. 단어를 이미 알고있는 사람에게하면 중복적인 설명은 필요 없으며 툴팁처럼 마우스를 맞추고 않아도되는 것이 편리합니다. 문장은 다음과 같이 준비합니다. In the land of Mordor, in the fire..
지금은 클라우드 스토리지 서비스가 다수 존재합니다. 몇개의 서비스를 이용하거나, 회사와 개인 프로젝트 등 스토리지 서비스가 다른 분도 많은 것은 아닐까요. 그런 분들에게 추천하는 것이 rclone입니다. 여러 클라우드 스토리지를 명령 줄에서 조작 할 수있는 편리한 도구입니다. rclone 사용법 예를 들어 Dropbox 경우 다음과 같이 명령을 치면 내포하고있는 파일 목록이 있습니다. $ rclone ls Dropbox:/2016/05/24 11:42:42 Transferred: 0 Bytes ( 0.00 kByte/s)Errors: 0Checks: 0Transferred: 0Elapsed time: 1m0.9s 2925 .emacs.d/elisp/el-get/.loaddefs.el 25 .emacs.d..
메모하는 것은 중요한 것으로, 축적 된 메모는 후일 큰 의미를 가지고 있습니다. 따라서도 쉽게 할수 있어야 하며 한 곳에 모아 쓸 수있게해야합니다. 산재되어 있는 메모는 검색에 크게 도움이되지 않습니다. 회사라면 메모는 모두 한 곳에 담아 두어야 합니다. 이를 통해 몰랐던 새로운 지식으로 갈 수도 있습니다. 그것을 가능하게하는 것이 Crowi입니다. Crowi 사용법 먼저 로그인합니다 여기가 주 화면에서 뷰어에 해당합니다. 여기에는 프로필 화면. 이 화면을 편집 할 수 있습니다. 오른쪽 상단의 아이콘을 클릭하면 새 메모를 작성할 수 있습니다. 편집 화면입니다. Markdown을 사용합니다. 이미지 업로드는 드래그 앤 드롭 할 수 있습니다. 자동으로 URL이 바뀌어 미리보기도 업데이트됩니다. 업데이트 내역..
HTML5에 의해 UI 주위는 크게 개선되었습니다만, 그래도 아직 부족하다고 느끼는 것이 많습니다. 그 결과 외부 라이브러리를 도입하지 않을 수 없어 호환성이나 조합에 의한 문제가 발생할 수 있습니다. 이번에는 많은 풍부한 UI 라이브러리를 제공하는 Zebra를 소개합니다. Zebra 절대로 다른 라이브러리를 사용 않고도 풍부한 Web 응용 프로그램을 개발할 수있을 것입니다. Zebra 사용법 샘플입니다. 대각선으로되어있는 부분도 구성 요소입니다 탭을 클릭하고 표시를 전환 할 수 있습니다. 곡선 그래프. 키보드 단축키 설정, 해제가 전환되는 구성 요소입니다. 구성 요소의 선택을 전환하는 데모. 드래그 앤 드롭 할 수있는 그래프. 세세한 표시 위치 제어. 마우스 추적. 복잡한 모양 안에 텍스트 상자. 이쪽..
Swagger는 Web API 표준 기술 포맷으로 알려지고 있습니다. 표준이있는 것은 그것을 사용하고 있으면 동일한 데이터를 사용하여 다른 형식이나 서비스에서 사용할 수있게합니다. 이미 코드 생성 라이브러리 등이 만들어져 있습니다 만, 이번은 Swagger 용 문서를 만들 Swagger Editor를 소개합니다. Swagger Editor의 사용법 이쪽이 메인 화면입니다. 왼쪽이 편집기 오른쪽에 결과가 표시됩니다. JSON을 붙여로드 할 수 있습니다. 설정이 다수 준비되어 있습니다. 클라이언트와 서버 측 코드 생성이 가능합니다. 그 결과는 Zip 파일로 다운로드 할 수 있습니다. 예를 들어 Ruby 코드는 이렇게됩니다. Swagger Editor는 Web API 문서 작성은 물론, 그대로 클라이언트 라이..
최근 애니메이션 GIF를 사용하여 소프트웨어의 작동을 표현하는 경우가 많아지고 있습니다. YouTube 등과 달리 쉽게 반복 보이는 동영상이 만들 수있는 것이 장점입니다. 하지만 GIF 애니메이션 제작시 소재로 동영상에서 변환하는 경우는 많습니다. 이번에 소개하는 오픈 소스 소프트웨어는 mov2gif 동영상을 애니메이션 GIF로 변환 해주는 명령어입니다. mov2gif 사용법 mov2gif은 CLI 소프트웨어이므로 인수로 동영상 파일을 전달합니다. 그 밖에도 몇 가지 옵션이 있습니다. 예를 들면 다음과 같습니다. 최적화 옵션은 숫자를 크게해도 크게 다르지 않았습니다. 프레임 속도를 낮추면 이미지 크기는 작아집니다. 명령을 사용한 예입니다. mov2gif input.movmov2gif --frame=12 ..
업무 시스템이라고하면 그리드 테이블이 요구됩니다. 처음에는 HTML로 쉽게 만들지만, 곧 추가 기능이 요구됩니다. 정렬, 필터링, 머리글과 왼쪽 열을 고정 해 주었으면 한다고도 요청합니다. 그런 귀찮은 요구를 스크래치로 지원하는 것은 매우 시간이 소요됩니다. 그럴 때는 꼭 handsontable을 시도해 봅시다. handsontable 사용법 handsontable에 많은 기능을 제공합니다. 우선 페이지네이션 비밀번호를 숨길 수 있습니다. 새 행을 만들 때 placeholder를 표시합니다. 포커스가있는 셀을 강조. 셀을 세세하게 커스터마이즈. 이미지를 포함할 수 있습니다. 정렬도 물론 있습니다. 입력 검증도 가능합니다. 머리글과 왼쪽의 열을 고정. 아래 오른쪽 방향 카피가능. 셀 병합. handsont..
Web상에서 콘텐츠를 더 많은 사람에게 보여 주려고 생각하면 공유 기능을 빠뜨릴 수 없습니다. Facebook, Twitter 기본적으로, 그 밖에도 많은 소셜 계 서비스가 존재합니다. 그런 각종 서비스에 대응 한 공유 기능을 제공하는 것이 Social Share URLs입니다. JavaScript에서 쉽게 구현할 수 있습니다. Social Share URLs 사용 데모입니다. 지정된 URL, 제목 등으로 공유 할 수 있습니다. 아래에 늘어선 아이콘을 클릭합니다. Facebook의 경우. 기본적으로 모든 팝업 창이 열립니다. Twitter이면 해시 태그와 사용자 이름을 지정할 수 있습니다. Google Plus에도 대응하고 있습니다. Social Share URLs 공유 기능을 동적으로 쉽게 만들 수있을..
Web상에서 SVG가 많이 사용되기 시작했습니다. SVG의 장점 중 하나로 꼽히는 것이 벡터이므로 확대해도 깨끗한 것입니다. 확대 나 축소한다는 것은 정보의 입도를 스스로 변경하고 싶은 경우에 유용합니다. 그래서 소개하고 싶은 것이 SVG panzoom입니다. 그 이름과 같이, SVG의 확대 / 축소를 실현하기위한 라이브러리입니다. SVG panzoom 사용 샘플입니다. 많은 정보가 아로 새겨 져 있습니다. 확대했습니다. 마우스로 할 수 있습니다 반대로 빵했습니다. 그래도 깨끗한 선으로 그려지는 SVG의 장점 네요. 실제 움직임입니다. 실제 사용 예입니다. 도서끼리의 관련성을 시각화하고 있습니다. SVG는 JavaScript와 함께 대화 형 콘텐츠를 만드는 데 적합합니다. 또한 벡터이므로 경량이며, 그러..
SVG 콘텐츠는 재미있어, Flash와 같은 애니메이션도 지원하고 있습니다. 콘텐츠를 서서히 그려 나갈 수 있도록 하기만 하면 됩니다. 수작업으로 실현하는 것은 무리가 있을 것입니다. 그래서 사용해보고 싶은 것이 Yarrow입니다. HTML 프리젠 테이션 등과 결합하면 효과적 일 수 있습니다. Yarrow 사용법 실제로 움직이고있는 곳입니다. 나중에 선이 당겨지는 것을 알 수 있습니다. 선에 문자를 올릴 수 있습니다 소스가되는 곳에서 선이 시작한다는 연출도 가능합니다. 섹션의 상자를 향해 뻗어나가는 애니메이션도 가능합니다. 그래프의 포인트를 향해 당겨지는 데모. 이것은 효과가있을 것입니다. D3와 함께합니다. 그래프가 그림에서 단순히 화살표가 그려져있는 것만으로 시선을 끌기 쉽지 않습니다. 그래서 애니메..
- Total
- Today
- Yesterday
- MIT 라이센스
- SVG
- LGPL
- cui
- github에
- Web 오픈 소스
- 텍스트
- Web API
- GitHub
- mit license
- 소프트웨어
- GPL v3
- GPL
- Open Source JavaScript
- linux
- 웹 API
- go
- HTML5
- 자바 스크립트
- 디자인
- Web
- GUI
- software
- node.js
- javascript
- 오픈 소스
- License MIT
- Web 오픈 소스 JavaScript
- CMS
- Mac OSX
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |