웹사이트를 좀 더 멋있게 만들어보자!
자주는 아니고,
이번에 웹사이트 만들때, 유용하게 사용된 그리고 사용될 녀석들이다.
사이트 한번 들어가보면 딱! 아!
BigPicture
https://github.com/henrygd/bigpicture
GitHub - henrygd/bigpicture: Lightweight JavaScript image / video viewer. Supports Youtube, Vimeo, etc.
Lightweight JavaScript image / video viewer. Supports Youtube, Vimeo, etc. - GitHub - henrygd/bigpicture: Lightweight JavaScript image / video viewer. Supports Youtube, Vimeo, etc.
github.com
이미지, 동영상, 유튜브등 멀티미디어 팝업 뷰어다.
사용법도 쉽고, 깔끔하다.
어디서나 잘 어울리고, 자주 이용할듯 하다. 썸네일까지 자동으로 가지고 온다면 더욱 더 좋을듯 한데, 그런건 스스로..
라이트박스 이지 + 기능강화판?
Isotope
Isotope · Filter & sort magical layouts
Install Download CDN Link directly to unpkg. Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --save License Commercial license If you want to use Isotope to develop commercial sites, themes, pr
isotope.metafizzy.co
요녀석도 재미있다.
뭐... 보면알듯, 레이아웃을 재미있게 정렬해준다.
분류설정하면 해당 레이아웃 분류설정에 따라서 모아주고, 보여주고 딱! 딱! 이미지나 게임이나 만들때 사용하면 좋을듯 하긴하다.
언제 쓸 일이 있을까?
Jarallax
https://github.com/nk-o/jarallax
GitHub - nk-o/jarallax: Parallax scrolling for modern browsers
Parallax scrolling for modern browsers. Contribute to nk-o/jarallax development by creating an account on GitHub.
github.com
Parallax scrolling for modern browsers. Supported <img> tags, background images, YouTube, Vimeo and Self-Hosted Videos.
배경으로 이미지나 동영상을 설정하여 브라우저기준 배경으로 작업이 가능하다.
무슨 설명인지 내가해도 모르겠네, 시차스크롤?
뭐.. 일단 편하고, 쉽고...
생각해보면 요즘은 뭐 이렇게, 쉽게 웹사이트를 만들수 있는 도구들이 많은지..
20년전 처음으로 웹사이트 만들때는 힘들게 하나하나 다 만들어야 해서 더 재미있었나?
그때, 그 시절은 무엇이든 재미있었던거 같아..
설명은 잘 못하니까... 패스
'Computer > WebDesign, Animation' 카테고리의 다른 글
인기도 높은 CSS 프레임워크 비교 분석 (0) | 2025.02.23 |
---|---|
풍향 풍속을 표현해 보자 (0) | 2024.09.24 |
업무에 도움되는 추천사이트 - 웹 애니메이터 (0) | 2024.06.11 |
점 찍어보자. (0) | 2022.05.02 |
파비콘 만들기/변환 추천사이트 (0) | 2020.03.25 |
배경이미지 쉽게 지우기!! 무려 인공지능 (누끼작업) (0) | 2019.02.14 |
div 브라우저 정중앙에 위치 시키기 (0) | 2011.06.28 |