본문 바로가기

Computer/WebDesign, HTML

웹사이트를 좀 더 멋있게 만들어보자!

반응형

자주는 아니고,
이번에 웹사이트 만들때, 유용하게 사용된 그리고 사용될 녀석들이다.

사이트 한번 들어가보면 딱! 아!

 

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

https://isotope.metafizzy.co/

 

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년전 처음으로 웹사이트 만들때는 힘들게 하나하나 다 만들어야 해서 더 재미있었나?
그때, 그 시절은 무엇이든 재미있었던거 같아..

 

설명은 잘 못하니까... 패스

 

 

반응형

BLOG Version/ 1.1.2.1 _22.05.26
Copyright © 2002-2020 EIGHTBOX. All Rights Reserved.
Behold the fowls of the air: for they sow not, neither do they reap, nor gather into barns; yet your heavenly Father feedeth them. Are you not much better than they?