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

jquery 를 이용해서 웹페이지의 배경에 동영상을 재생하거나, 웹페이지의 특정 위치에 동영상을 재생하는게 가능하도록 제작된 프로그램입니다. 다운로드 받은 압축파일을 풀면 examples 폴더에 block-bg.html : 특정 영역에 동영상 재생용 샘플 body-bg.html : 전체 배경에 동영상 재생용 샘플 위 파일을 웹브라우져로 열어서 보면 샘플은 확인이 가능합니다. 특정 영역에 동영상이 재생되는 예제 소스코드가 그리 어렵진 않은듯 하네요 동영상 파일을 mp4로 존재하면 웹페이지에 재생이 가능하겠네요 홈페이지를 방문하면 동영상이 재생되는 사이트들이 제법 보이던데, 같은 용도로 활용이 가능할듯도 하네요. 매뉴얼 은 https://github.com/VodkaBears/Vide#readme 위 링크를..

코딩작업시 자주 문제점에 봉착을 하게되며 이에대한 답을 얻기위해 구글링을 통해 찾게된 OACSS입니다. 반응형웹에서 div의 너비높이 비율을 유지 시킬 수 있나요?생각처럼 동작하지 않는 height: 100%div 가로 가운데 정렬 |CSS 가운데 정렬 특집여러 div를 몽땅! 가로 가운데 정렬 CSS 가운데 정렬 특집img태그 하단에 생기는 알 수 없는 빈 공간 파헤치기CSS 텍스트 요소 가로, 세로 가운데 정렬 div 가로세로 모두 가운데 정렬 with positionCSS EM의 유래 이야기 | EM과 REM 특집CSS EM단위로 만들 수 있는 3가지 예제 | EM과 REM 특집CSS REM단위를 이용한 반응형 예제 | EM과 REM 특집CSS 선택자 우선순위 이모저모너비높이를 알 수 없는 div ..

안녕하세요 모바일에서 사용하면 괜찮은 jquery 입니다. PC 에 사용해도 상관은 없지만 모바일에 더 잘 어울릴꺼 같아요 ^^; 기본적인 HTML 은 아래와 같은 구성을 가지고 있습니다. Menu Panel 스타일도 당연히 따라오겠죠 ^^body { width: 100%; height: 100%; } .slideout-menu { position: fixed; top: 0; bottom: 0; width: 256px; min-height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 0; display: none; } .slideout-menu-left { left: 0; } .slideout-menu-right { ri..

어학원 홈페이지

부트스트랩을 이용하여, 많은 양의 콘텐츠 내용을 숨김처리했다가, 버튼 클릭 이벤트를 통해 표시하는 스타일입니다. 간략내용만 보여줬다가 버튼 클릭시 내용 전체를 보여줄 수 있습니다. 내용이 많거나, 다양한 디자인 구성에 이용할 수 있습니다. 버튼 스타일도 제어가 가능합니다

부트스트랩을 사용하여 진행과정을 표시하는 스타일입니다. 그 중에서도 가장 기본적인 진행 막대입니다. aria-valuenow 수치와 스타일에 수치를 조절하여 진행율을 표시할 수 있습니다. 위 진행막대를 이용하여 여러곳에 이용가능합니다.

여러 개발 강의를 들어볼수 있습니다. 또는 자신이 개발 강의를 공유할수도 있습니다. 여러 개발 강의를 무료로 듣고 싶다면 위의 사이트를 추천드립니다.

영어공부방 홈페이지

이 페이지는 사람 픽토그램 사이트 입니다. 무료로 다운 받을 수 있으며, 상업적으로 사용이 가능합니다. 다만 픽토그램을 배포를 하거나 판매하는 것은 금지 되어있습니다. 픽토그램 하나를 클릭해서 들어가면 위 이미지에 빨간 박스부분에서 다운받을 수 있습니다.

빙그레체는 국민의 건강과 행복을 증진시키는 기여자로서 사회적 역할을 다하는 국민에게 기쁨과 즐거운 웃음을 선사하고자 하는 빙그레 기업 이념이 담긴 서체입니다. 빙그레 서체는 모두가 제약없이 사용할 수 있도록 무료로 배포하고 있습니다. 빙그레 서체는 바나나맛 우유 로고에서 나온 빙그레체, 투게더에서 나온 빙그레체Ⅱ가 있습니다. 빙그레체는 빙그레 '바나나맛 우유'로고를 모티브로 디자인한 서체입니다. 어린아이의 빙그레 웃는 미소가 떠오르는 글꼴입니다. 빙그레체Ⅱ는 투게더 아이스크림의 로고를 모티브로 디자인한 서체입니다. 투게더의 부드러운 맛이 떠오르는 디자인으로 녹는 듯 한 로고타입의 이미지를 차용하였습니다. 한글11,172자뿐만 아니라 훈민정음 서문의 옛한글 31자도 포함되어 있습니다. 빙그레 서체는 인쇄물..