일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 해피씨지아이
- CSS
- #cgimall
- #업종별
- #image
- happycgi
- #홈페이지제작
- jquery
- php
- #홈페이지
- 웹솔루션
- #동영상
- #이미지
- #CSS
- #쇼핑몰
- CGIMALL
- 사이트제작
- #솔루션
- 게시판
- #happycgi
- 쇼핑몰
- #뉴스
- 해피CGI
- #웹솔루션
- 솔루션
- javascript
- 홈페이지
- #해피CGI
- #jQuery
- 홈페이지제작
- Today
- Total
목록#happycgi (1324)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
템플릿언더바 (Template Underscore)는 PHP에서 이용이 가능한 템플릿 Class 입니다. 제작사의 홈페이지는 https://tpl.xtac.net/ 입니다. 해당 Class는 2004년 초기버전부터 2015년 마지막 패치까지 꽤나 오래된 템플릿 Class 입니다. 마지막 버전으로 PHP 7.x 에서도 이용이 가능합니다. 해당 홈페이지에 접속을 하여 템플릿을 이용하는 사용 설명을 확인이 가능 합니다.
네이버 NULI 에서 제공하는 웹 접근성에 대한 기본적인 배경과 가이드라인을 제공 하는 사이트 입니다. https://nuli.navercorp.com/sharing/a11y 페이지에서 자세한 내용을 확인이 가능 합니다. 해당 페이지 하단에는 접근성을 평가 할 수 있는 도구들의 링크도 되어 있습니다. 장애를 가지신분들의 입장에서 사이트를 체험 할 수 있는 공간도 마련되어 있습니다. https://nax.naver.com/index 상단 메뉴에서 저시력 시각장애, 전맹 시각장애, 손 운동장애, 중증 운동장애 체험을 할 수 있습니다.
안녕하세요 해피CGI 입니다. 해피 모임솔루션 모바일 Ver1.2 (장착옵션) 이 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.
안녕하세요 해피CGI 입니다. 해피 모임솔루션 Ver1.2 이 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.
안녕하세요 해피CGI 입니다. 해피 크라우드펀딩 솔루션 모바일 Ver1.5 (장착옵션) 이 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.
안녕하세요 해피CGI 입니다. 해피 크라우드펀딩 솔루션 Ver2.2 이 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.
가로 막대 그래프를 손쉽게 웹페이지에 표시할수 있는 jQuery 플러그인입니다. 다운로드 받은 파일의 압축을 해제하면 생기능 demo/index.html 파일을 웹브라우저로 열어서 보면 데모를 확인하는게 가능합니다. 위 그림은 가장 심플한 예제입니다. 소스코드를 열어보면 위 그림 처럼 제목, 단위, 세부설명문구, 각 그래프의 레이블, 값 정도만 설정하면 첫번째 그림 처럼 화면에 막대 그래피를 생성할수 있는 예제입니다. 몇가지 옵션들을 이용해서, 막대그래프를 위 그림 처럼 줄로 구분해서 나누는게 가능합니다. 한개의 그래프를 위한 예제 소스코드인데, 그래프가 1개일때 보다는 약간 복잡하네요. 또 다른 예제는 막대 그래프를 줄로 구분하는게 아닌 한줄로 구분하는 예제도 있네요. 예제 소스코드에선, 그래프가 2개..
실력없는 디자이너는 회원이 되기 어려운 까다로운 회원제로 운영되기에 작업물의 퀄리티가 남다른 사이트 DRIBBBLE 입니다. 필터를 통해 아래와 같이 검색어를 입력하거나 색상 등을 선택해서 검색을 할 수도 있습니다. 또한 애니메이션, 브랜딩, 웹디자인, 일러스트 등 카테고리를 골라서 디자인을 확인할 수도 있습니다. 마음에 드는 디자인을 클릭하면 해당 디자인에서 사용한 주요 색상 확인과 디자인을 올린 디자이너의 정보를 확인할 수 있습니다. 퀄리티 높은 디자인을 통해 디자인 감각을 높여보시기 바랍니다. ^^ 또한, 위 사이트는 크롬브라우저에 최적화 되어있습니다.
animateTyping.js는 컨테이너 요소 내에서 텍스트의 입력 및 삭제 애니메이션으로 타자기 효과를 내는 Jquery 플러그인입니다. - 라이센스 MIT - 작동 브라우저 Chrome, IE 9 이상, FireFox, Opera, Safari - 사용 방법 1. 파일 상단에 JQuery 라이브러리와 jquery.animateTyping.js 파일 링크를 걸어줍니다. 2. 객체에 animate-typing 속성을 부여하고 문구를 입력하면 플러그인이 나머지를 알아서 처리합니다. 3. 여러 줄의 문구를 입력하고 삭제하는 애니메이션을 구현하려면 간단하게 여러줄을 입력하면 됩니다. 4. data-animate-loop 속성으로 입력/삭제 애니메이션을 반복할 수 있습니다. 5. 다음과 같이 애니메이션 속도 및..
360ImageRotate는 반응형 모바일 친화적인 이미지 뷰어 플러그인으로 사용자에게 제품에 대한 360도의 시청 경험을 제공합니다. - 라이센스 MIT - 작동 브라우저 Chrome, IE 9 이상, FireFox, Opera, Safari - 사용 방법 1. 각도를 다르게 한 여러장에 사진을 준비합니다. 기본 이미지 저장 경로는 images 입니다. 2. 필요한 JavaScript 및 CSS 파일을 HTML 파일에서 호출합니다. 3. 360도 이미지가 노출될 자리에 객체를 추가합니다. 4. 플러그인을 호출합니다. 5. 각종 옵션들을 추가할 수 있습니다. totalFrames : 보유한 총 이미지 수endFrame : 자동 회전 애니메이션의 끝 프레임currentFrame : 자동 회전 시작 프레임s..