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

전세계 다양한 디자인을 소개하는 디자인스피레이션은 이미지 검색이 특화되어있는 사이트입니다. 특화되어있는 점은 색상으로 검색이 가능하다는 점입니다. 위 이미지의 빨간색 박스 안에 있는 팔레트 모양의 버튼을 클릭하면 아래이미지와 같이 팔레트가 펼쳐집니다. 팔레트를 통해 최대 5가지의 색상을 선택할 수 있습니다. 원하는 색상과 매칭되는 타이포그래피, 편집, 로고, 패키지, 웹 광고, 일러스트, 아트 인테리어, 건축 등 다양한 디자인 자료를 검색할 수 있어서 영감을 얻기 좋습니다.

사이트에 접근 후 키보드에서 키를 입력하면 바로 키코드가 뜹니다. 특정 입력폼에 특정키를 제한하고 싶을때 위의 사이트에서 키코드를 알아내서 해당 키를 차단하는데 용이합니다.

jQuery 와 Bootstrap 을 이용한 목차를 만들 수 있습니다. 라이센스는 MIT Licence 입니다. selectors 를 이용하여 원하는 태그를 목차의 메뉴로 설정할 수 있습니다. 옵션은 다양하게 존재합니다.

jQuery 와 Bootstrap 을 이용한 Circle 차트 입니다. 코드는 심플하네요. 라이센스는 MIT License (MIT) 입니다. 기본 적으로 사용된 옵션들 외에 다양한 옵션들이 더 있습니다.

https://note.baemin.com/ 배민장부는 자영업자에게 도움이 될만한 매출 현황을 정기적인 알림 문자로 받아볼수 있는 서비스 입니다. 간단한 가입 절차를 거치면 누구나 무료로 이용할수 있습니다. 운영 업소의 카드사별 매출액, 미매입, 미입금, 카드매출 등을 입별, 월별로 그래프로 확인이 가능합니다. 매일 아침 우리 가게의 매출추이를 알수 있기 때문에, 무료로 서비스를 이용해볼만 하다고 봅니다. 그리고 배달의 민족을 통해 발생한 주문수, 주문금액, 업소 조회수, 통화수, 카드 매출 등도 확인이 가능합니다.

안녕하세요 해피CGI 입니다. 해피 업종별 홈페이지 솔루션이 Ver1.8 으로 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 그외 모바일 마이페이지 메뉴추가, 모바일 구매결정, 구매취소버튼이 추가되었습니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.

블로그, 잡지등의 대표적인 템플릿을 제공하는 웹 프레임워크 foundation 템플릿은 물론이고, 다양한 COMPONENTS 를 제공하고 있어서 사용이나 적용이 쉽다. 반응형을 위한 CSS 프레임워크이며, 다양한 프레임 워크도 제공된다.

부트스트랩과 같은 웹프레임워크 uikit입니다. 부트스트랩에 비해 경량화된 프레임워크로 동적인 움직임에 부트스트랩보다 낫다. 또한 배우기도 부트스트랩에 비해서 쉽다. 다양한 COMPONENTS 를 제공하고 있고 COMPONENTS별 미리보기, 소스코드를 바로 확인할 수 있어서 사용이나 적용이 비교적 쉽다. 반응형도 기본적으로 제공하므로, 사이트 제작시 아주 유용하다.

위와 같이 폰트의 사이즈, 크기, 스타일, 굵기, 텍스쳐 내용을 입력하여 적용하면 실제로 출력된 폰트를 즉시 확인할 수 있습니다. 홈페이지를 제작시 모바일 환경에서 em 수치를 계산하여 코딩할때 위 사전에 계산된 내용을 토대로 코딩할 경우 소스 적용이 좀더 수월할듯하네요.