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

linkify는 유효한 URL, 이메일, IP 주소, 심지어 텍스트의 단어까지 클릭 가능한 링크로 자동 변환하는 데 사용할 수 있는 JavaScript 라이브러리입니다.node.js, 브라우저 , jQuery, Vanilla JavaScript, React.js, @mentions, #hashtag, ticket 등을 지원합니다.글을 작성할때 URL 을 첨부하면 자동으로 링크가 생성되면 좋겠지만 그렇지 않는 경우가 대부분 입니다. 그래서 본문내에 링크가 있을 경우 URL 주소가 있을 경우 URL 에 자동으로 링크를 생성시키는 라이브러리 입니다. 만들려고 하면 만들겠지만 쉽게 사용할 수 있으니 사용하는 것도 괜찮은 것 같습니다. # 사용방법1. Linkify 라이브러리를 가져옵니다. script src=..

textarea Form Builder는 사용자가 드래그 앤 드롭 방식으로 빠르게 웹 양식을 만들 수 있도록 하는 온라인 양식 빌더로 전환해주는 jQuery 플러그인입니다. 또한 지정한 폼 템플릿에서 폼을 렌더링할 수 있는 formRender 구성 요소를 제공합니다.# 사용방법1. 프로젝트에 jQuery 라이브러리와 jQuery 폼 빌더의 스타일 및 Script 를 로드 합니다. script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js">script>script src="./dist/form-builder.min.js">script>script src="./dist/form-render.min.js">script>2. 드래..

모바일에서 사용하기 좋은 애니메이션 메뉴입니다.소스를 변경하여 다양하게 응용 가능합니다.HTML 구조 Mobile Menu Animation Push the button below to see the animation Home About me Services Portfolio Blog Contacts ..

간편 홈페이지 제작 웹솔루션태권도학원, IT기업02, 태양광, 한의원 스킨 리뉴얼 안녕하세요 해피CGI 입니다. 간편 홈페이지 태권도학원, IT기업02, 태양광, 한의원 스킨이 새롭게 리뉴얼 되었습니다. 자세한 사항은 아래의 링크를 클릭하여 상품상세화면 및 사용자화면, 관리자모드를 참조해주시기 바랍니다. ㄴ더욱 좋은 기능과 서비스로 보답하겠습니다. 감사합니다. 태권도학원IT기업02태양광한의원

안녕하세요 해피CGI 입니다. 간편 홈페이지 제작 웹솔루션이 Ver3.6 으로 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다.

js 와 css 를 다운로드 받아 위와 같이 하시면 일단 기본 작업은 끝이 납니다.이 이후로는https://loading.io/progress/에서 샘플을 보시면서 제공된 샘플 코드로 사용해 보시면 됩니다.다양한 모양을 제공하고 있습니다.특정 이미지로도 프로세서바도 만들 수 있으니, 샘플을 참고해보세요.

상금의 금액이 올라가는 카운터 애니메이션입니다.소스를 변경하여 다양하게 응용 가능합니다.HTML 구조 * CASH PRIZE * Rerun CSS 소스:root { --dark-rgb: 23 28 28; --darker-rgb: 8 13 7; --green: 9 252 8; --blue: 59 130 246; --pink: 231 60 126; ..

브랜드 명이나 사이트 URL 을 넣으면 해당 사이트의 브랜드 로고를 받을 수 있습니다. svg, png 로 받을 수 있으며해당 브랜드에 색상 정보로 알 수 있습니다.사이트에 특정 브랜드 로고가 필요할때 유용한 사이트 입니다.

Vue.js를 활용해 반응형으로 동작하며, 이미지 배열을 셔플(Shuffle)하는 갤러리이 CodePen 예제는 Vue.js를 사용하여 반응형 레이아웃과 동적인 이미지 배열 기능을 구현한 셔플 갤러리입니다.포트폴리오 갤러리, 상품 이미지 목록, 이벤트나 캠페인 사진 전시 활용하면 유용합니다.HTML 구조 v-for='item in items' :key='item.id' :data-pos='item.pos' :style='{ translate: `calc(var(--width) * 0.2 * ${item.pos})`, scale: item.scale, backgroundImage: `url(${item.url})` ..

안녕하세요 해피CGI 입니다.해피 집방 웹솔루션 Ver1.9 [입점형]으로 업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다. 해피 집방 웹솔루션(미니홈 비내장 +내 주변검색 모바일 미포함 ) 해피 집방 웹솔루션(미니홈 비내장 +내 주변검색 모바일 포함 ) 해피 집방 웹솔루션(미니홈 내장 +내 주변검색 모바일 미포함 ) 해피 집방 웹솔루션(미니홈 내장 +내 주변검색 모바일 포함 )