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

안녕하세요 해피CGI 입니다. 해피 패션몰 CPC순위 솔루션 모바일 Ver1.4로 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. - 크로스브라우징을 위한 에뮬레이터 교체 (IE8 -> Edge) 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 패션몰 CPC순위 솔루션 Ver2.0으로 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. - PG를 통해 결제시도 및 실패시 사유를 알려주는 기능 - 다수 회원을 대상으로 쪽지발송시 원활한 쪽지 발송을 위한 기능개선 - 크로스브라우징을 위한 에뮬레이터 교체 (IE8 -> Edge) 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

유튜브를 예를들어 아래와같이 공유코드를 복사하여 타 게시판에 복사하여 붙여넣으면 유튜브에서 지정한 사이즈로 맞춰져 고정된 사이트가 입력되어 가로사이즈가 지정된 사이즈보다 작을경우 본문글이 깨져보이는 증상이 보신적이 있으실것입니다. 본 서비스는 공유코드를 입력하면 유튜브 및 다양한 컨텐츠의 사이즈를 반응형에 맞춰주는 소스를 만들어내어 어떤 해상도에서도 문제없이 확인되는 소스로 자동 변경해줍니다. 위 코드를 본 서비스의 웹페이지로 접속하여 위와같이 입력후 embed 버튼을 클릭하면 아래와 같은 embed 코드를 자동으로 생성해줍니다. 본 소스를 다른 게시판에 복사하여 붙여넣게되면 반응형으로 어떤 화면에서도 깨짐이 없도록 지원됩니다.

다양한 용도 및 테마에 맞게 디자인된 수백 가지 HTML5 홈페이지 템플릿을 무료로 제공합니다. 원하시는 템플릿을 선택한 후에 모든 요소를 편집하여 나만의 홈페이지 디자인을 만들 수 있습니다.

흔히 드림위버나 나모, 에디트플러스를 많이 이용합니다. 하지만 구매를 해야하거나 기간제한이 있게 마련입니다. 이에 Adobe에서 제작하고 무료로 배포하는 brackets 에디터를 소개해 드립니다. brackets 에디터는 공식 사이트인 http://brackets.io/ 에서 다운받을 수 있으며 윈도우 OS 외 기타 OS용도 https://github.com/adobe/brackets/releases 에서 다운 받을 수 있습니다. brackets 의 기능 중 태그를 보다 쉽게 입력할 수 있는 기능이 있습니다. 를 입력하면.. 자동으로 해당 태그가 입력이 됩니다. 그외에도 특정 폴더를 선택하면 해당 폴더에 있는 이미지를 미리보기를 하거나 기본 기능외 필요한 기능은 플러그인 형식으로 추가를 할 수 있습니다...

첨부된 파일의 압축을 풀어서 demo.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다. 마우스를 올려보면 해당 부분이 확대되는 효과가 나타납니다. 출처는 http://www.htmldrive.net/items/show/51/Apple-like-Retina-Effect-With-jQuery 입니다.

웹페이지 내에서 에디터에 있는 코드정리기 처럼. 코드정리와 코드비교를 할수 있는 사이트입니다. 사이트에 접속을하게 되면 상단에 여러가지 옵션을 확인할 수 있습니다. Beaufity옵션이 기본적으로 선택이되며 찾아보기 버튼을 통하여 파일을 불러와 코드를 정리할 수 있씁니다. 찾아보기를 통하여 파일을 불러오면 좌측에는 원본코드 우측에는 정리된 코드를 확인하실 수 있으며 누락된 코드나 잘못된 코드 그리고 경고 메세지를 좌측읠 X버튼에 마우스를 올리면 도움말을 확인 하실 수 있습니다. `코드 정리말고도 파일비교등 다양한 옵션을 제공하고 있으며 마우스 스크롤을 하면 여러가지 설정을 확인하실 수 있습니다.

간단한 페이지를 스크롤효과로 시원하고 동적인 페이지로 보일수 있습니다. 스크롤을 내릴수록 색상이 변하며, 투명이미지에 색상이 채워집니다. 몇가지 아이콘으로 이런 멋진 페이지를 제작할 수 있습니다. 파일을 다운받으신후 이미지와 css, 스크립트를 참고하셔서 작업해보시기 바랍니다.

* ckeditor - Table Resize - 이 플러그인은 에디터에 테이블 태그 삽입시 셀 영역의 사이즈 조절을 도와줍니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/tableresize - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'tableresize'; - 에디터에 테이블 태그를 삽입한 후 셀 영역을 리사이징 할 수 있습니다.