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

그라디언트 css를 이용하셔 다양한 underline 스타일을 만들어 볼 수 있습니다. 사이트에 가보시면 12종의 underline을 확인 하실 수 있으며 소스를 수정하여 다양하게 응용하여 사용하실 수 있습니다. 밑줄과 사용된 css는 아래와 같습니다. 1. Standard Rainbow 2. Energetic Rainbow 3. This One is Tapered! 4. This One Grows! 5. Double Underline 6. Rare Triple Underline 7. Graph Paper 8. Blue Weave 9. Shades of Green 10. Shades of Purple 11. Purple and Orange 12. Yellow to Orange

웹에서 멋진 프리젠테이션을 무료로 제작할 수 있는 기능을 제공하는 Reveal JS 입니다. https://revealjs.com/ 페이지에 접속하여 사용법을 확인 할 수 있습니다. 소스의 설치는 기본 설치와 전체 설치 두가지로 분리가 되어 있는데, 일부 기능을 이용하기 위해서는 전체 설치 방식으로 서버내에 소스가 설치 되어야 합니다. https://revealjs.com/installation/ 해당 Reveal JS 에서는 프리젠테이션을 위한 다양한 기능을 제공하고 있습니다. https://revealjs.com/ 페이지에서 확인을 할 수 있습니다.

* Intro.js 소개 - 사이트의 단계별,섹션별로 가이드가 가능하며 멘트나 이미지를 부각 시켜 수 있는 플러그인 * 라이센스 - GNU AGPLv3 * 사용방법 기본제공되는 css 를 상단에 선언합니다 아래와 같이 단계별 가이드를 하여 내용을 부각시키기 위한 버튼을 만들어 줍니다 스크립트로 시작하여 data-step 옵션과 같이 몇단계에서 보여줄지 지정할 수 있습니다 마지막으로 intro.js 의 호출 부분으로 구성은 마무리 됩니다 위와 같이 단계별 tooltip 기능을 보여줌으로써 사이트의 차트 플로우나 내용이 복잡한 부분에 있어서 쉽게 설명해 줄 수 있을것으로 생각됩니다

다양한 PNG 이미지를 제공해주는 사이트이며, 대부분 일러스트 관련 PNG 로 무료라이센스라고 기본적으론 명시되어있습니다. 작가가 별도로 기부한 형태의 이미지라서 라이센스가 무료라고 명시되어있는듯한데요. 하지만 이미지 출처에 대한 부분은 각각의 작가별로 혹은 이미지 별로 다르게 되어있을 확률이 있습니다. 이미지 다운받을시 사용범위 및 라이센스에 대해 한번더 확인후 다운받으시길 권장드립니다.

Icon Hover Effect 에서는 css를 이용한 9가지의 hover 효과를 확인할 수 있습니다. 해당 효과는 아이콘 이미지가 아닌 아이콘이 출력되는 폰트를 사용하여 색상을 쉽게 변경하고 스타일을 주고 있습니다. 효과를 주는 기본 소스는 아래와 같습니다. 홈페이지에서 소스를 다운 받아 사용해보시거나 데모사이트에서 구현된 아이콘 hover효과를 확인하시고 참고 하실 수 있습니다.

사이트에 대한 텍스트와 이미지정보를 자세하게 알려주는 크롬 확장프로그램입니다. 설치를 하면 브라우저 상단에 peeper아이콘이 생깁니다. 이제 확인하고 싶은 사이트에 이동하여 아이콘을 누르면 아래와같이 별도의 창이 뜨고 사이트에 대한 기본정보가 먼저 노출이 됩니다. . 이제 확인하고 싶은 요소를 브라우저에서 클릭하면 별도의 창에서 폰트 및 이미지에 대한 정보가 노출이 됩니다. 크롬 뿐많이 아닌 웨일브라우저에서도 설치가 잘되니 참고하세요 ^^ ​​

https://hanlee.io/hwp.js/demo/ 위의 데모 페이지에서 바로 체험이 가능합니다. hwp 한글 문서를 웹브라우저에서 바로 볼수 있습니다. https://chrome.google.com/webstore/detail/hwpjs/hgalnnpknkjdccmcljadkckcdibiglei 크롬 확장 프로그램으로도 지원합니다. 현재 버전은 0.0.2 입니다. 지속적으로 개발 되었으면 합니다. 현재 라이센스는 아파치 2.0 라이센스 입니다.

크롬에 비해 다양한 강력한 기능이 있는 브라우저 입니다. 광고 차단이 기본적으로 포함 되어있으며, (유투브 광고도 나오지 않았습니다.) 사이드바에 여러 북마크, 웹사이트등을 추가할수 있으며, 키보드 단축어도 커스텀 가능합니다. 메모장도 있으며, 여러 테마 기능도 있습니다. 비디오 영상은 위처럼 팝업 으로 띄울수도 있습니다. 그리고 사이트 캡쳐 기능까지 다양한 기능이 있는 비발디 브라우저를 사용해 보시기 바랍니다. 안드로이드용도 있으니 안드로이드를 사용하시는 분께서는 모바일에서도 해당 브라우저를 사용해 보시기 바랍니다. ​​

각종 평가 점수를 별모양의 아이콘을 선택해서 입력받을수 있는 jQuery 플러그인 입니다. 다운로드 받은 파일의 압축을 해제한후 index.html 파일을 크롬 웹브라우저로 열어 보면 별점선택을 하는 화면의 확인이 가능합니다. 별모양의 아이콘을 화면에 표시해주고, 클릭을 하면 점수를 화면에 표시를 해주네요. 별모양 아이콘 뿐만 아니라, 아이콘을 커스텀해서 다른 아이콘을 이용하는 것도 가능합니다. 사용하는 방법도 복잡해보이지는 않네요 위 4가지가 기본이며, 클릭 이벤트를 걸거나, 별의 개수를 10개로 늘려서 0~10점 사이의 점수를 받는다거나, 별 반개만 선택해서 .5 점을 이용하거나, 별 아이콘의 색상을 조절을 하거나, 별 아이콘 대신 다른 아이콘으로 커스텀하는 예제는 위 소스코드와 같습니다. 그 외에도..

바로 시작하기를 클릭하면 회원가입없이 디자인 툴을 이용할 수 있습니다. 템플릿 종류로는 "프레젠테이션, 유튜브, 상세페이지, 카드뉴스, 웹포스터, 로고, 이벤트, 팝업 등 웹용부터 인쇄용까지 다양한 디자인 템플릿을 제공해주며, 해당 템플릿에서 지원하는 이미지는 모두 저작권이 상업적으로 가능하다는 장점이 있습니다. 위와같은 템플릿을 선택한후 내가원하는 문구 및 색상, 투명도, 정렬 등 다양한 항목별로 수정도 가능합니다. 제작한 디자인 작업물을 저장하거나 다운로드 받기위해선 회원가입을 진행해주셔야 하며, 회원가입후 편집물을 다운로드 하시면 이용이 가능합니다. ​ ​ ​