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

파일업로드와 몇번의 클릭만으로 간단하게 애니메이션 gif파일을 만들 수 있는 사이트입니다. 사이트에 접속하셔서 상단메뉴중 두번째 메뉴인 'GIF Maker'를 클릭합니다. 1번 '파일 선택' 버튼을 클릭하여 이미지를 업로드 후, 2번 'Upload and make a GIF!' 버튼을 클릭합니다. 이미지 업로드 후 gif파일 만들기 버튼을 클릭하면 gif 파일에 대한 설정을 할 수 있습니다. Delay time 란은 이미지가 몇초만에 움직일 것인지를 설정할 수 있고 Loop count 란은 몇번 반복할 것인지를 설정할 수 있습니다. 해당 란을 비워두면 영원히 반복됩니다. 아래의 'Make a GIF!' 파일을 클릭하시면 완성된 gif 파일을 확인하실 수 있습니다. crop, resize, rotate 등..

다양한 이미지 효과를 해당 데모페이지에서 라디오 버튼을 클릭하여 확인하실 수 있습니다. 라디오버튼 이미지 효과 밑 아래에 css코드가 노출되고 있으니 복사하여 적용하여 사용할 수 있습니다.데모링크를 클릭하면 샘플 페이지를 확인하실 수 있습니다. 익스플로러 상위버전, 크롬, 파폭등 최신 브라우저에서만 작동이되니 참고하시길 바랍니다 ^^

css grid를 이용하여 손쉽게 웹사이트 grid latout 을 잡을 수 있습니다. 샘플 소스에 있는 grid-template-columns: 100px 500px; grid-template-rows: 200px 100px 400px; 와 같이 grid-template-columns, grid-template-rows 프로퍼티를 이용하여 행과 열을 정의할 수 있습니다. 행과 열은 픽셀 단위로 고정 그리드도 만들수 있고, fr 단위 혹은 %단위로 가변 크기를 줘서 유연한 그리드도 만들 수 있습니다.

마우스 스크롤을 하단으로 이동할때마다 내용이 출력되는 애니메이션 JQuery ScrollTrigger 입니다. CSS3를 활용한 애니메이션으로 다양한 프레임에서도 적용이 가능합니다. 이미지 출력 및 원페이지형 홈페이지 제작에도 유용합니다. 가로모드도 지원하며, 그 외 다양한 옵션을 제공하여 편리성이 높습니다.

css만으로 간단하게 글자 타이핑 효과를 낼 수 있는 소스입니다. 다소 조금 부자연스러운 느낌이 나기도 하지만 간단하게 글자 타이핑 효과를 내기에는 유용할 듯 합니다. 첨부된 index.html 파일을 통해 자세하게 해당 효과를 확인하실 수 있습니다. ^^

버튼 입력폼 폰트등 윈도우 95 와 동일 합니다. 옛 분위기를 내고 싶은 사이트를 제작중이라면 해당 테마도 괜찮아 보입니다. https://themesberg.com/register 다운로드 받으실려면 가입이 필요합니다. 라이센스는 MIT 라이센스 입니다.

색상 선택을 구글 문서 스타일을 이용해서 할수 있도록 하는 jquery/bootstrap 플러그인 입니다. 다운로드 받은 파일의 압축을 해제후 index.html 파일을 웹브라우저로 열어서 보면 샘플을 확인하는게 가능합니다. 일반적인 컬러피커들과는 다르게, 많은 색상을 선택할 수는 없지만, 자주 사용이 될 만한 색상만 모아두고 조금 더 쉽게 사용할 색상을 선택하도록 하기에는 유리해보이네요.

전 세계의 무료 재고영상을 광고 소개로 제공하는 영상클립 사이트입니다.각 영상별로 이용가능한 라이센스가 각각 다르며, 일부 4k 를 지원하는 영상은 일정 비용을 지불하고 이용이 가능합니다. 원하는 영상을 선택하고 렌딩페이지로 이동하면 mp4, $99 4k prores 라는 버튼 2가지가 출력되는데 free 를 선택하고 이메일을 작성하시면 다운로드가 진행됩니다. 검색시 "나라별, 색상별, 주제별" 로 검색이 가능하며, 각 개별로 라이센스가 다를 수 있으므로 이용전 라이센스를 확인해보시기 바랍니다.^^

기본적으로 영문사이트라 영문으로만 검색이 됩니다.^^ 검색된 이미지를 클릭하여 상세화면으로 이동될 경우 이미지 라이센스 확인 및 다운로드가 가능합니다. 라이센스관련된 부분은 각각의 이미지별로 다르게 설명되어있으므로 이용전 라이센스를 반드시 확인해주세요.