웹솔루션개발 25년 노하우! 해피CGI의 모든것

* Infinitely Scrollable Vertical Menu - 무한스크롤이 가능한 메뉴플러그인 입니다 * License - MIT License 스크롤 메뉴 웹페이지를 구성하는 html, js 샘플 구조는 아래와 같습니다 menu__item 으로 선언된 class 를 js.00a46daa.js 파일에서 컨트롤 하게끔 되어있습니다 위의 코드를 실행한 웹페이지 결과는 아래와 같습니다 디자인에 대한 세부조정은 첨부된 base.98fd6c19.css 파일에서 조정이 가능합니다 디자인 능력이 있으신 작업자분께서 활용하시면 괜찮으시리라 생각됩니다

위 이미지와 같이 마우스오버를 했을때 서서히 글자색이 채워지는 효과를 낼 수 있는 css 입니다. 각도 및 모양 조절에 따라 다양한 효과를 낼 수 있습니다. ^^ 첨부된 index.html 파일을 통해서 소스를 자세히 확인하실 수 있습니다. ​ ​ ​

UI/UX 및 웹디자인을 살펴볼 수 있는 httpster 사이트입니다. 우측에서 눈금으로 월 단위를 표시하고 있으며, 다양한 레이아웃의 사이트들을 확인할 수 있습니다. 우측의 메뉴버튼을 클릭하면 위 이미지와 같이 원하는 스타일의 태그를 선택하여 모아볼 수 있는 기능도 있습니다. 해당 사이트는 '크롬브라우저'로 보시는 걸 추천드립니다. ​ ​ ​

페이지 섹션 사이를 전환하면서 표시기가 휠 라운드의 원 안에 이동하는 휠 슬라이더가 있는 독창적 인 한 페이지 스크롤 웹 사이트 를 만드는 jQuery / CSS 솔루션 입니다. 최신 Bootstrap 프레임 워크와 호환되며 Bootstrap의 scrollspy 구성 요소가 필요합니다. ​ ​원 페이지용 웹사이트를 제작할 때 사용하면 괜찮을 듯 합니다. 다운로드 받은 파일의 압축을 해제하고, slider-wheel.html 파일을 웹브라우저로 열어보면 데모 확인이 가능합니다. 마우스 휠이나, 키보드 방향키를 이용해서 웹페이지의 스크롤을 위,아래로 조절을 하면 웹페이지의 배경이 스크롤에 따라서 변경이 됩니다. 중앙에 동그란 부분에 표시되는 컨텐츠가, 스크롤의 위치에 해당하는 컨텐츠로 교체가 됩니다. 동그란..

폰트, 일러스트, 아이콘, 앱디자인,웹사이트 템플릿 등 무료 디자인 리소스를 제공하는 designermill 쇼핑몰, 일반 소개 사이트 등 여러 사이트에 활용가능한 PSD 파일을 제공하고 있으며, 포토샵으로 작업되어 수정도 쉽네요. 그 외 아이콘, UI/UX 관련한 리소스도 제공하니 참 유용하네요.

UI/UX 에 관한 다양한 정보, 디자인 리소스를 제공하는 inside-design 사이트입니다. 다양한 디자인 업무에 필요한 정보, 실제 작업시 활용 가능한 디자인 리소스, 보다 효율적인 업무를 위한 다양한 팁을 알려주고, 공유하는 사이트입니다. 트렌디한 디자인에 관한 정보를 확인해보세요. ​ ​ ​

css로 다양한 효과를 준 여러가지 on/off 스위치 스타일을 확인해보세요. 본 사이트에서는 스크립트 소스없이 css만을 이용하여 다양한 효과를 준 on/off 스위치를 볼 수 있습니다. 현재 총 18가지의 스타일이 있으며, 사이트 상단에서 사용된 html, css소스를 확인하실 수 있습니다. ​ ​각 버튼 html 소스는 위와 같이 구성되어 있고, id값 button-1 ~ button-18 로 구분되고 있습니다. 확인을 원하시는 스타일의 id값으로 css소스를 검색해보시면 사용된 css를 쉽게 찾아보실 수 있사오니 소스 확인하시고 on/off 스위치에 다양한 효과를 적용해보세요 ^^ ​ ​ ​

Dot Navigation Styles에서는 다양한 효과를 지닌 14가지의 도트네비게이션 스타일을 확인하실 수 있습니다. 사이트에서 파일을 다운 받으시면 사용된 html, css, js 소스를 확인하실 수 있습니다. 도트 네비게이션 기본 소스는 위와 같이 구성되어 있으며 네비게이션 스타일 명칭인 "dotstyle-fillup" 클래스를 각 명칭에 맞게 수정하므로 스타일을 변경할수 있습니다. dotstyle-fillup dotstyle-scaleup dotstyle-stroke dotstyle-fillin dotstyle-circlegrow dotstyle-dotstroke dotstyle-drawcircle dotstyle-smalldotstroke dotstyle-puff dotstyle-flip do..

간혹 안전한 비밀번호를 만들고 싶지만, 마땅히 생각나지 않으며 어떻게 만들어야 안전한지 판단이 망설여 질때가 있습니다. 그럴때 이 사이트를 방문하여 랜덤으로 만들어진 비밀번호를 참고해 보셔도 좋겠습니다. 비밀번호 생성에 다양한 옵션을 제공하며 ​랜덤 생성된 비밀번호의 길이와 옵션에 조합에 따라 해독에 얼만큼의 시간이 걸릴지도 나타납니다. 안전한 비밀번호를 만들고 싶을때 방문하여 참고해 보시기 바랍니다. ​ ​ ​

우리에게 친숙한 초콜릿인 가나초코릿에 사용된 그 폰트 입니다. 개인 및 기업 사용자를 포함한 모든 사용자에게 무료로 사용할수 있습니다. 위의 표를 참고하여 사용하시면 되겠습니다. 단, 유료로 해당 폰트를 양도 하거나, 판매 행위 또는 로고 등에 사용은 금지하니 참고하시기 바랍니다. ​ ​ ​