티스토리 뷰
의외로 좋을지도!
스마트 폰 등으로 Web 사이트를보고있어 사진이 후로부터 읽히는 위해
콘텐츠의 높이가 바뀌어 잘못된 탭을 버릴 수 있습니다.
많은 경우 배너 등으로 매우 좌절합니다. 그
런 사이트에 도입 해 주었으면가 Scrollbear입니다.
이미지를 로드해도 읽고 있는 내용의 높이가 변하지 않는 라이브러리입니다.
Scrollbear 사용법
왼쪽이 Scrollbear 도입 후, 오른쪽이 미 도입입니다.
이미지가로드 될 때마다 내용이 부들 부들 움직입니다.
Scrollbear을 도입 해두면 컨텐츠가 달라지는 것은 아닙니다.
그러나 이미지의 높이를 미리 정해두면 좋은 것은
사용자가 콘텐츠를 만드는 것 같은 이미지의 유무를 알 수없는 사이트에
사용하는 것이 좋을 것입니다.
Scrollbear는 JavaScript 제, MIT License 오픈 소스 소프트웨어입니다.
Scrollbear -- Make your blog more smooth!
changbenny.github.io/scrollbear/demo/static_img.html
changbenny/scrollbear: A modern tool that maintains scroll position when images loaded
'오픈소스' 카테고리의 다른 글
OctoMouse - 얼마나 키보드 / 마우스를 사용하고 있는지 수치화 (0) | 2016.06.15 |
---|---|
s3rver - node용 Amazon S3 클론 (0) | 2016.06.15 |
MarkDownDiagram - Markdown 기법을 사용하여 다이어그램 작성 (0) | 2016.06.15 |
Retro Board - 쉽게 사용할 수있는 심플한 에이자일 간판시스템 (0) | 2016.06.15 |
JS-XLSX - 자바 스크립트로 엑셀파일을 분석 (0) | 2016.06.14 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 웹 API
- Web
- MIT 라이센스
- mit license
- HTML5
- linux
- Web 오픈 소스
- LGPL
- go
- SVG
- GPL
- GPL v3
- software
- Mac OSX
- javascript
- 소프트웨어
- License MIT
- 오픈 소스
- 자바 스크립트
- cui
- 디자인
- Open Source JavaScript
- GitHub
- node.js
- 텍스트
- Web 오픈 소스 JavaScript
- github에
- Web API
- GUI
- CMS
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함