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

YouTube에서 Vimeo에 이르기까지 모든 동영상 사이트는 기본 코드 가 특정 크기로 고정되어 있습니다. 무료 JavaScript 라이브러리 인 SuperEmbed.js 를 사용하면 크기 조절이 자유로운 반응형 사이트 제작이 가능합니다. 해당 사이트에서 소스 다운로드가 가능하고 사용법을 확인할 수 있습니다.

썸네일에 마우스 오버시 해당 이미지가 확대되는 제이쿼리 3가지 형태 동일한 비율로 영역안에서 전체 이미지가 확대 영역안에서 이미지가 확대되고 마우스를 움직여서 특정 부분으로 이동 가능 영역밖으로 이미지가 확대됩니다. 해당사이트에서 소스에 관한 설명 및 다운로드가 가능합니다.

License Released under the [GNU GPL license v3](https://www.gnu.org/licenses/gpl-3.0.html) 터치 친화적 인 Flickity 갤러리 및 Isotope 기반 필터 기능을 갖춘 반응이 빠른 제품 그리드 레이아웃입니다. 각 그리드 항목이 Flickity 이미지 슬라이더 인 반응 형 동위 원소 구동 제품 격자 레이아웃입니다. 작은 카트 아이콘 애니메이션은 제품이 장바구니에 추가되었음을 나타냅니다. 제품 필터는 동위 원소 필터 기능을 사용합니다. 일부 예시적인 미디어 쿼리는 레이아웃을 적응시키는 방법을 보여주기 위해 사용됩니다.

KISA 에서 운영중인 한국인터넷정보센터에서 제공하는 국내 IP 리스트 입니다. 아래페이지를 통해 IPv4 주소와 IPv6 주소를 각각 확인이 가능 합니다. https://xn--t60bq6t7mdl2hqwat31bea.xn--3e0b707e/jsp/infoboard/stats/interProCurrent.jsp 해당 페이지에 접근시 각각 LIST 를 확인이 가능 하시고, 상단의 XML보기 버튼과 엑셀 다운로드 버튼을 통해 다운로드도 가능 합니다. 국내 IP 내역이 필요하신분들은 다운 하셔서 적용 하시면 되겠습니다. 내역을 보시면 시작주소와 끝주소가 있는데, 시작주소와 끝주소를 XXX.XXX.XXX.XXX 형태가 아닌, 단일 숫자로 변환하여 시작값과 종료값으로 DB에 저장을 해둔다면 Database 에서..

AirVisual.com 에서 제공하는 공기정보 제공 API 입니다. 해당 API 에서 PM2.5 와 PM10 에 해당하는 미세먼지 정보를 받아 올 수 있습니다. 확인 해보니 국내 API 에서 제공하는 미세먼지 농도와 차이가 나는 경우가 있는데, 무엇이 옳다 라고 단정을 짓기는 힘들것으로 보여집니다. 해당 API는 무료로 제공되는 한달기준 10,000건의 호출이 가능 합니다. 사용도중 한달 10,000건으로 사용량이 부족 할 때에는 STARTUP 이나 ENTERPRISE 로 업데이트를 해서 이용을 해야 됩니다. STATUP과 ENTERPRISE 는 유료서비스 입니다만, 금액이 노출이 되어 있지 않고 어떤 서비스를 하는지 적어서 Contact 을 해보셔야 됩니다. 저희가 Contact 을 해보니 유료서비스..

CkEditor 4.7 버젼이 나왔네요. 오랜만의 업데이트 버젼인것 같습니다. ^^ 4.7 버젼으로 업데이트 되면서 달리진 점들이 있는데요. 소개 해 드리겠습니다. [ 테이블 선택 기능 ] - 최고! 지금까지의 에디터는 정보 복사를 위해 선택할 경우 무조건 열로만 선택이 되었습니다. 하지만 이번 업데이트를 통해 행만 쏙 선택이 가능하며 복사가 가능 합니다. 아래의 이미지 보시면 기존의 버젼은 선택시 종류 , 제목, 구성을 모두 선택할 수 밖에 없었습니다. 하지만 이번 버젼은 종류 항목(행) 만 선택이 가능하게 되었네요 ^^* 사용해 보니 마치 엑셀 또는 워드에서 선택하는 느낌이였습니다. [ 컨텐츠 보안 정책지원 ] 향상된 CSP 를 준수하며 제공 합니다. 이로 인해 편집기를 unsafe-eval 보안정책..

위와같은 vertical 형태의 메뉴를 구현할 수 있는 스크립트 소스입니다. 사이트에 소개된 stylesheet 와 js 소스의 조합으로 비교적 간단하게 구현이 가능한 스크립트 소스로 vertical menu horizontal menu folder view 등 다양한 모양을 구현할 수 있는 js 소스를 적용할 수 있습니다.

컬러감이 없으신분들에게는 딱인 못난이 컬러 골라주는 사이트 - 컬러를 클릭하면 해당 색상코드가 출력됩니다. http://terriblecolors.com/

​

모바일 UI작업시 꼭필요한 꿀팁들만 모여있는 사이트 입니다. 개인이 운영하는 사이트입니다. 미처 생각하지 못했던 사사로운 UI 디자인 가이드가 있어서 디자이너에게는 즐겨찾기 해두고 자주 찾아보는 사이트가 아닐까 싶어 공유합니다. 브런치에서 연재중이신 분의 사이트이며 현재 해당 블로그에 여러버전의 글도 함께 올라와 있으니 참고하시기 바랍니다. https://brunch.co.kr/@chulhochoiucj0/8