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

그리드 시스템에 대한 설명과 레퍼런스들을 모아놓은 사이트입니다. https://trungdq88.github.io/960-grid-generator/ 해당 사이트에서 그리드의 열 번호, 열 너비, 공간 폭 등 다양하게 테스트해보세요.

랜덤한 이미지, 주제별 이미지를 출력해주는 사이트를 소개합니다. 해당 사이트(https://loremflickr.com/)에서 이미지를 호출할 수 있는 각종 방법을 소개하겠습니다. 1. 랜덤 이미지 URL /{width}/{height} 를 URL에 추가하여 호출 가능합니다. 2. 주제별 이미지 URL /{keyword} 를 URL에 추가하여 호출 가능합니다. paris,girl과 같이 여러개의 키워드도 입력 가능합니다. 3. 색감 적용 이미지 URL /{filter} 를 URL에 추가하여 호출 가능합니다. 흑백 : g / 모자이크 : p / 빨강 : red / 파랑 : blue / 녹색 : green 4. 이미지 상세 정보 JSON /json 을 URL 에 추가하여 이미지의 상세 정보를 JSON 형태로..

랜덤한 인물 얼굴 이미지를 출력해주는 사이트 입니다. 사이트(https://pravatar.cc/)에 직접 접속하여 URL을 호출하여도 되고, 이미지 태그에 URL을 넣어도 바로 이미지 호출이 가능합니다. 호출하는 URL에 사이즈를 넣어주시면 되며, 최대 사이즈는 1000 입니다. URL에 ?img={image_id]를 추가하여 특정 이미지를 호출할 수도 있습니다. 이미지 아이디는 https://pravatar.cc/images

https://www.dbcut.com/ 신규로 오픈한 국내외 웹사이트를 소개하고 평가하는 웹디자이너 커뮤니티 사이트입니다. 카테고리별로 다양한 작품이 있어 디자인 참고를 할 수 있는 벤치마킹 하기 좋은 사이트입니다.

https://www.sandollcloud.com/#schpop 이미지에서 폰트를 찾고 싶은데 찾을 수 없을 때, 쉽고 편리하게 사용할 수 있는 웹사이트입니다. 필요한 폰트 이미지로 검색하면 해당 영역을 선으로 표시해 주며 궁금하거나 찾고 싶었던 영역을 클릭하면 됩니다. 폰트를 검색하여 작업 및 업무의 효율을 높여보세요.

마우스를 스크롤하면 카드가 쌓이는 애니메이션 효과입니다. HTML 소스 Card Title Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab dicta error nam eaque. Eum fuga laborum quos expedita iste saepe similique, unde possimus quia at magnam sed cupiditate? Reprehenderit, harum! Card Title Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab dicta error nam eaque. Eum fuga laborum quos expedita iste saepe similiqu..

신규출시 업종별 솔루션 쇼핑몰19 (건강식품) 홈페이지 안녕하세요 해피CGI 입니다. 업종별 솔루션 쇼핑몰19(건강식품) 홈페이지가 새롭게 출시되었습니다. 자세한 사항은 아래의 링크를 클릭하여 상품상세화면 및 사용자화면, 관리자모드를 참조해주시기 바랍니다. 더욱 좋은 기능과 서비스로 보답하겠습니다. 감사합니다.

이미지 슬라이드를 HTML 과 CSS만으로 제작하는 방법입니다. HTML 소스 CSS-only Carousel This carousel is created with HTML and CSS only. Go to last slide Go to next slide Go to previous slide Go to next slide Go to previous slide Go to next slide Go to previous slide Go to first slide Go to slide 1 Go to slide 2 Go to slide 3 Go to slide 4 CSS 소스 @keyframes tonext { 75% { left: 0; } 95% { left: 100%; } 98% { left: 100%; ..

AI 를 사용하여 이미지 업스케일링을 지원합니다. 그외에도 AI 를 활용한 배경 삭제 특정 개체 제거도 가능합니다. 해당 서비스를 사용할려면 회원 가입이 되어야 합니다. 그외에도 유료 사용자는 이미지 확대를 위해 최대 4000*4000 크기의 사진을 업로드할 수 있지만, 무료 사용자는 확대를 위해 최대 1200*1200 크기의 파일만 사용할 수 있습니다. 등의 제한도 있으니 참고 부탁드립니다.

손쉽게 사이트 배너를 만들 수 있습니다. 다양한 탬플릿을 지원합니다. 스크립트 한줄만 추가 하면 준비 끝이며, 배너를 만들어 노출 하시면 됩니다. 이벤트 시간 , 특정 페이지에서 노출 등도 지원 합니다. 거기다 현재 무료로 사용이 가능합니다. 배너 만들기 어렵다면 해당 서비스를 한번 사용해 보시기 바랍니다.