목록#happycgi (1324)

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

[해피CGI][cgimall] 크롬 확장프로그램 - 웹페이지 스크린샷 Full Page Screen Capture

크롬 확장프로그램으로 구현된 Full Page Screen Capture 입니다. 크롬으로 웹페이지 접속후 해당 페이지의 전체 스크린샷이 필요 할 경우 유용하게 이용이 가능 합니다. 스크린샷된 화면은 PDF 파일이나 PNG 이미지 파일로 저장이 가능 하며, 저장전에 편집을 할 수도 있습니다. 크롬 브라우저를 통해 아래 링크로 접속시 즉시 추가 가능 합니다. https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl?utm_source=chrome-ntp-icon 추가버튼을 클릭해서 Install 이 완료 되는 경우 주소창 옆에 아래와 같이 스크린샷 아이콘이 추가 됩니다. 스크린샷이 필요..
웹프로그램밍 자료실/기타 자료 2020. 3. 31. 09:09
[해피CGI][cgimall] Justified Image Grid With Lightbox - jQuery Flex Photo Gallery

jQuery 와 CSS flexbox 로 만들어진, 반응형의 사진 갤러리 입니다. 첨부된 파일의 압축을 풀어서 나오는example/index.html 파일을 웹브라우저 열어보면 데모를 확인이 가능합니다. 반응형이어서, 화면의 크기에 맞게 이미지의 배열이 적당하게 조절이 됩니다. 이미지를 클릭해보면 해당 이미지가 light box 로 팝업이 됩니다. 좌우 화살표를 이용해서 다음 이미지나, 이전 이미지로 슬라이드도 됩니다. 위 그림 처럼 index.html 파일의 소스코드도 상당히 간단합니다.
웹프로그램밍 자료실/JAVA 자료 2020. 3. 30. 09:13
[해피CGI][cgimall] 코딩을 편하게 해주는 반응형 HTML 템플릿 제작툴 사이트 aperitif

클릭 몇번 만으로 반응형 HTML 템플릿을 만들 수 있는 사이트 aperitif 입니다. "LET's GO!" 버튼을 클릭하면 아래이미지와 같은 페이지로 이동합니다. 왼쪽 부분에서 채우고자 하는 칸을 클릭한 후, 오른쪽 부분에서 원하는 디자인을 선택합니다. HEADER, CONTENT, BLOG, FOOTER와 같이 성격에 맞는 카테고리를 선택하여서 디자인을 확인하실 수 있습니다. 원하는 디자인 선택을 완료한 후, 우측 상단에 "GENERATE" 버튼을 클릭하면 'file.zip' 파일을 다운받으실 수 있습니다. zip파일 압축을 풀어보면 html, css, js 파일을 확인하실 수 있습니다. html파일을 브라우저에 띄워보면 위 이미지와 같이 템플릿이 완성된 버전을 확인해 보실 수 있습니다. 소스 수정..
웹프로그램밍 자료실/HTML 자료 2020. 3. 27. 09:08
[해피CGI][cgimall] 스포카한산스 - spoqa

어도비와 구글이 합작하여 개발한 본고딕을 수정하여 개발하였다고 합니다. 한국어, 일본어, 영어 모두 사용이 가능하고 숫자를 많이 사용하는 모바일에서 알아보기 쉽도록 폭을 고정하였다고 합니다. 서체는 bold/ regular /light /thin으로 구성되어 웹페이지 사용도를 높였습니다. 보다 자세한 내용은 홈페이지바로가기 버튼을 클릭하여 상세페이지에서 확인이 가능하며 개인 및 기업 모든사용자에게 무료로 제공 및 자유롭게 사용 수정, 재배포가 가능한 폰트입니다.
웹프로그램밍 자료실/기타 자료 2020. 3. 26. 09:10
[해피CGI][cgimall] 무료 한글 폰트 - 지마켓 산스

스샷에서 보듯 영문, 한글, 숫자 등에서 가독성이 참 좋은 폰트 입니다. 지마켓에서 현재 사용중이며, 쇼핑몰들에서 사용하기 좋은 폰트로 보입니다. 누구나 아무 제약 없이 사용할 수 있습니다.
웹프로그램밍 자료실/기타 자료 2020. 3. 25. 09:05
[해피CGI][cgimall] 새 Chromium 기반 Microsoft Edge

크롬 기반으로 엣지 브라우저가 오랫동안 베타 기간을 지나 정식 출시 하였습니다. 크롬 기반이라 크롬 확장프로그램도 사용 가능합니다. 기존 윈도우 10 에서 엣지 브라우저를 사용하시던 분께서는 업데이트 하셔서 크롬 기반의 엣지 브라우저를 사용해 보시기 바랍니다.
웹프로그램밍 자료실/기타 자료 2020. 3. 24. 09:01
[해피CGI][cgimall] 마우스 오버시 밑줄 효과를 낼 수 있는 간단한 css 입니다.

css만으로 간단하게 마우스 오버시 밑줄 효과를 낼 수 있습니다. 위 이미지와 같이 마우스오버를 했을때 서서히 글씨 색깔이 변하고 밑줄이 그어지는 효과를 낼 수 있는 css 입니다. 첨부된 index.html 파일을 통해 자세하게 해당 효과를 낼 수 있는 소스를 확인하실 수 있습니다. ^^
웹프로그램밍 자료실/기타 자료 2020. 3. 23. 09:17
[해피CGI][cgimall] 중앙정렬 코딩 소스를 대신 만들어주는 howtocenterincss

CSS 입문자들에게 힘든 것중 하나인 가로 중앙, 세로 중앙 정렬을 손쉽게 소스까지 만들어주는 howtocenterincss콘텐츠 종류 , 너비, 높이, 정렬방식, 지원브라우저 등을 선택한 후 소스 코드 생성시 선택한 항목에 따라 소스 코드를 제공한다. 정렬에 어려움은 겪는 입문자에게 아주 유용한 사이트이다.
웹프로그램밍 자료실/기타 자료 2020. 3. 20. 09:44
[해피CGI][cgimall] 해피 소셜마켓 솔루션 모바일 Ver1.3 (장착옵션)로 업그레이드 되었습니다

안녕하세요 해피CGI 입니다. 해피 소셜마켓 솔루션 모바일 Ver1.3 (장착옵션) 이 새롭게 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
CGIMALL소개/업그레이드소식 2020. 3. 20. 09:19
[해피CGI][cgimall] 해피 소셜마켓 솔루션 Ver1.3 로 업그레이드 되었습니다

안녕하세요 해피CGI 입니다. 해피 소셜마켓 솔루션 Ver1.3 이 새롭게 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
CGIMALL소개/업그레이드소식 2020. 3. 20. 09:16
Prev 1 ··· 19 20 21 22 23 24 25 ··· 133 Next