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

다양한 사이트에서 후원사 로고, 협력사 로고 등등 다양한 로고들을 나열할 때 쓰기 좋은 로고 애니메이션 효과입니다. 상단 버튼을 클릭하면 로고의 이동이 상하로 변경되어 필요에 맞게 쓸 수 있습니다. 심심한 사이트에 동적인 효과를 줌으로써 역동적으로 만들어 주는 효과가 있습니다. 해당 애니메이션은 반응형입니다. HTML 구조 Toggle scroll axis 자세한 소스는 사이트에서 확인 바랍니다 CSS 소스 :root { --color-text: navy; --color-bg: papayawhip; --color-bg-accent: #ecdcc0; --size: clamp(10rem, 1rem + 40vmin, 30rem); --gap: calc(var(--size) / 14); --duration: 6..

이미지 자르기, 필터, 밝기 조절, 텍스트 삽입 등 8가지 이미지 편집 기능을 웹에서 무료로 사용할 수 있습니다. 무료로 편집한 이미지를 JPG, WEBP, PNG, GIF의 4가지 확장자로 저장할 수 있으며, 이미지 화질을 0~100%까지 자유롭게 설정할 수 있습니다.

상업적 이용 가능, 출처 표기가 따로 필요 없는 무료 일러스트 사이트입니다. 다양한 종류의 일러스트로 배너, 슬라이드 등 활용도가 높습니다. 상단 컬러를 변경하면 일러스트의 포인트 컬러가 바뀌는 걸 확인할 수 있습니다. 자세한 라이센스는 https://undraw.co/license에서 확인하실 수 있습니다.

마케팅에 대한 궁금증을 해결해주는 아이보스 마케팅 사전 아는게 힘이다. 마케팅에 사용되는 다양한 단어를 모아서 보여주는 아이보스 제공 마케팅 사전입니다. 전환비용이 뭔지, CPC가 뭔지, 파워링크가 뭔지 등 마케팅에 사용되는 단어가 궁금하다면 아이보스 마케팅 사전으로 해결되네요.

광고 키워드 조합기 아이보스 키워드 조합기 아이보스에서 제공하는 세부 키워드를 조합할때 사용할 수 있는 키워드 조합기입니다. 다양한 키워드를 이용하여 다수의 세부키워드 생성시 유용합니다. 4곳의 키워드 그룹으로 입력하여, 다양한 순서로 조합이 가능합니다.

상업용 무료 영문 폰트를 다운로드 받을 수 있는 사이트입니다. 필기체, 그래피티, 고딕 등 여러가지 폰트를 무료로 다운 받을 수 있습니다. 매주 새로운 무료 폰트가 업데이트 되어 제공됩니다.

웹디자인 제작 시 컨셉이나 방향성을 잡기 위해 참고하기 좋은 사이트입니다. 사이트가 꾸준히 업로드가 되고 있어서 자주 방문하여 디자인들을 파악하고 트렌드를 익히기 좋습니다.

색상 컬러 선택 참조하기 좋은 사이트가 있습니다. https://flatuicolors.com/ UI에 어울리는 색조합 추천 추출해 줍니다. Flat UI Colors 2에는13가지 색상 팔레트가 있습니다. 전 세계 13명의 디자이너와 협력하여 다음 프로젝트, 디자인, 프리젠테이션을 위해 총 280가지 색상 세트를 복사/붙여넣기할 수 있습니다. 포토샵의 전문 도구보다 사용하기 쉽고 빠릅니다. 색조합 사이트 Palettes 이미 완성된 색 조합을 제공, 어울리는 색 조합을 쉽고 빠르게 완성할 수 있고 프로젝트의 퀄러티도 좋아지는 꿀 팁사이트입니다.^^

다운로드 받은 파일의 압축을 해제 한 뒤 index.html 파일을 웹브라우저로 열어보면 데모 확인이 가능합니다. 버튼을 클릭해서 움직이는 GIF 이미지를 플레이 하거나, 스탑시킬수 있는 Jquery 플러그인 입니다. 사용 방법은 아래와 같습니다. 비교적 저용량인 GIF 이미지 파일을 이용해서 동영상을 재생/중지 시킬 수 있는 효과를 얻을 수 있겠네요.

HTML파일과 CSS로 작동하는 도형디자인 로더 애니메이션 입니다. CSS 편집을 통해서 수정 가능합니다. Html 파일을 수정하여 도형을 추가할 수 있습니다. 해당사이트 또는 첨부파일을 다운로드 받아서 소스를 직접 확인할 수 있습니다.