목록#해피CGI (1226)

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

[해피CGI][cgimall] 박스효과를 쉽게 만들어보자 - neumorphism.io

박스에 대란 radius 그림자 및 효과를 눈으로 보면서 보다 쉽게 생성할 수 있는 사이트입니다. 해당 속성에 관련해서 잘 기억나지 않을때나 저장하고 확인을 반복해야 하지만 생성툴을 이용하면 보다쉽게 만들수 있습니다. ​ ​몇번 설정하시다보면 모두다 아시는 코드들이니 보다 쉽게 생성하여 사용하시길 바랍니다. ​ ​ ​
웹프로그램밍 자료실/기타 자료 2020. 7. 9. 09:18
[해피CGI][cgimall] Realistic shadows to images 현실적인 이미지 반사 그림자

css이용하여 이미지의 단순한 그림자가 아닌 이미지가 반사된듯한 그림자 효과입니다. 해당 사이트에서 전체 소스를 확인 할 수 있습니다. ​ ​ ​
웹프로그램밍 자료실/기타 자료 2020. 7. 8. 09:10
[해피CGI][cgimall] Generate Animated Column Charts From JS Array - Simple Bar Graph

Javascript 배열에서 데이터를 가져와 에니메이션 효과가 있는 막대 그래프로 변환하는 JQuery 플러그인 입니다. ​ ​다운로드 받은 파일을 압축해서 나오면 index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 실행해보면 화면에 위 그림과 같이 막대그래프가 생성되어서 표시가 됩니다. 그래프를 표시하기 위해서 사용된, index.html 파일의 HTML 소스코드를 확인해 보면 그래프에 필요한 제목, 값 으로 구성된 javascript 의 배열을 이용한게 확인이 됩니다. 더 많은 기능으로는 X축, Y축 라벨을 포함하고, 마우스 오버시 툴팁이 가능하고, 행의 숫자를 지정할수 있고, 반응형이면서 사용하기가 쉽습니다. 막대 그래프를 포함해서 여러가지 그래프들(파이,라인,영역 등등)을 이용할 ..
웹프로그램밍 자료실/JAVA 자료 2020. 7. 7. 09:45
[해피CGI][cgimall] Cross-browser Syntax Highlighter For Jquery

크로스 브라우저 Syntax Highlighter JQuery 플러그인입니다. Syntax Highlighting 이란 구문 강조를 의미하는데, 프로그램 소스 코드 등을 노출하여 설명할때 주로 사용됩니다. ​ ​- 라이센스 MIT - Syntax Highlighting 이란? Syntax Highlighting 이란 구문 강조를 의미하는데, 프로그램 소스 코드 등을 노출하여 설명할때 주로 사용됩니다. 소스 코드 줄을 구분하고 각 프로그램 언어에 맞게 변수, 함수 등의 색상을 달리하여 소스 코드를 보기 쉽게 노출해 줍니다. - 사용 방법 1. 파일 상단에 Jquery 라이브러리와 Syntax JS 파일을 링크합니다. 2. syntax 함수를 호출합니다. theme 값을 통해 테마도 변경이 가능합니다. (b..
웹프로그램밍 자료실/JAVA 자료 2020. 7. 6. 09:31
[해피CGI][cgimall] 해피 생활정보 솔루션 타입A 모바일 Ver1.8 (실시간예약 비내장,장착옵션)로 업그레이드 되었습니다

안녕하세요 해피CGI 입니다. 해피 생활정보 솔루션 타입A 모바일 Ver1.8 (실시간예약 비내장,장착옵션) 이 새롭게 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
CGIMALL소개/업그레이드소식 2020. 7. 3. 09:44
[해피CGI][cgimall] 해피 생활정보 솔루션 타입A 모바일 Ver1.8 (실시간예약 내장,장착옵션)로 업그레이드 되었습니다

안녕하세요 해피CGI 입니다. 해피 생활정보 솔루션 타입A 모바일 Ver1.8 (실시간예약 내장,장착옵션) 이 새롭게 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
CGIMALL소개/업그레이드소식 2020. 7. 3. 09:37
[해피CGI][cgimall] 해피 생활정보 솔루션 타입A Ver2.3 [실시간예약 비내장,미니홈피 내장] 로 업그레이드 되었습니다

안녕하세요 해피CGI 입니다. 해피 생활정보 솔루션 타입A Ver2.3 [실시간예약 비내장,미니홈피 내장] 이 새롭게 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
CGIMALL소개/업그레이드소식 2020. 7. 3. 09:35
[해피CGI][cgimall] 해피 생활정보 솔루션 타입A Ver2.3 [실시간예약 내장,미니홈피 내장] 로 업그레이드 되었습니다

안녕하세요 해피CGI 입니다. 해피 생활정보 솔루션 타입A Ver2.3 [실시간예약 내장,미니홈피 내장] 이 새롭게 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
CGIMALL소개/업그레이드소식 2020. 7. 3. 09:31
[해피CGI][cgimall] 간단한 카운트 다운 타이머 Jquery 플러그인

- 라이센스 MIT - 사용 방법 1. 파일 상단에 Jquery 라이브러리와 카운트 다운 타이머 JS 파일을 링크합니다. 2. 카운트 다운 타이머를 출력할 객체를 추가합니다. 3. countdown 함수를 호출하고 카운트 다운 시간을 설정합니다. $element: 카운트 다운 출력할 객체 ID $daysAdd: 일 $hoursAdd: 시 $minutesAdd: 분 $secondsAdd: 초 4. CSS 스타일로 카운트 다운 타이머와 로딩 바의 스타일을 설정할 수 있습니다. 5. JavaScript 로도 카운트 다운 타이머와 로딩 바의 스타일을 설정할 수 있습니다. 6. 카운트 다운 타이머가 종료되면 출력할 문구도 설정할 수 있습니다. - 작동 예제
웹프로그램밍 자료실/JAVA 자료 2020. 7. 3. 09:13
[해피CGI][cgimall] Revealing Hero Effect with CSS & JavaScript

* Revealing Hero Effect with CSS & JavaScript - javascript 로 만든 페이지 스크롤입니다 첨부된 압축파일을 다운로드 하여 원하시는 웹루트 디렉터리에 압축을 해제하여 업로드 합니다 html 구조는 아래와 같습니다 샘플파일에서 제공되는 css 파일을 호출합니다 페이지 스크롤할 영역을 아래와 같이 설정합니다 html 문서 하단에 샘플파일에서 제공되는 js 파일을 호출합니다 비교적 간단한 구성이기때문에 디자이너께서 활용하시기 괜찮을것 같습니다
웹프로그램밍 자료실/JAVA 자료 2020. 7. 2. 09:56
Prev 1 ··· 10 11 12 13 14 15 16 ··· 123 Next