Inpa Dev

Font Awesome 5 PRO 버젼 (v5.15.4) 전세계에서 가장 많이 쓰는 폰트 라이브러리의 폰트어웨이썸5의 최신버젼인 5.15.4v를 소개해본다. 현재 최신 6.0 버젼이 나왔지만 아직 베타 기간이며, PRO버젼을 쓸려면 당연히 년간 100달러를 납부해야한다. 폰트어썸5 버젼만 해도 압도적이고 퀄리티 높은 여러개의 폰트들을 제공하며, PRO버젼이라 더욱더 다양한 추가 폰트를 지원해주고 4가지 추가 폰트옵션도 제공한다. 티스토리 스킨에 적절히 사용하면 보다 높은 홈페이지를 꾸밀수 있다. 본인 블로그의 왼쪽 사이드바 아이콘 역시 폰트어썸 PRO 버젼을 사용했다. Font Awesome 5 PRO 설치 PRO버젼 다운링크가 적용된 해당 html 태그를 티스토리 스킨이나 프로젝트에 붙여준다. 원하는 ..

youtube-background 홈페이지의 배경화면으로 유튜브 영상을 간단하면서도 깔끔하게 구현할수 있는 라이브러리를 소개해 본다. 적용 예시는 다음과 같다. youtube-background 사용법 GitHub - stamat/youtube-background: Simple script for embedding YouTube, Vimeo and HTML5 videos as cover background Simple script for embedding YouTube, Vimeo and HTML5 videos as cover background - GitHub - stamat/youtube-background: Simple script for embedding YouTube, Vimeo and HTML..

iFrame In A Browser Mockup iframe을 사용해 웹페이지를 불러올때 다음 사진과 같이 단순한 사각형 영역에 홈페이지를 띄우는 정도로 아주아주 못생기게 나온다. 거기다 스타일링 이래봤자 iframe 테두리 정도 꾸미는 거 외에는 전무하다. 하지만 mockiframe.js 라이브러리를 사용하면 이렇게 iframe 웹페이지를 마치 브라우저 윈도우창에서 띄우는 것처럼 멋지게 스타일링 해준다. 사용법도 매우 쉬워 iframe을 이용해 자신의 포트폴리오 사이트를 띄울일이 있다면 요긴하게 쓰일것 같다. mockiframe.js 사용법 Present iFrame In A Browser Mockup - mockframe.js | CSS Script A JavaScript to make your if..

SweetAlert2 자바스크립트로 웹 프로그래밍을 하다 보면 자주 Alert 함수를 사용하게 됩니다. Alert는 사용자에게 알림을 주고자 할 때 정말 자구 사용하는 컴포넌트 입니다. 다음과 같이 자바스크립트의 alert는 아주 기본적인 브라우저 UI를 제공하고 있습니다. 하지만 우리는 이런 알림창보다 더 예쁜 알림 창을 원하죠. SweetAlert2 라이브러리는기존의 alert 창보다 다양한 디자인과 색감으로 디자인이 된 alert 창 입니다. 또한 한 종류만 있는게 아니라 alert, confirm, prompt 입력창 역시 지원하며, 여러 주제에 따라 다양한 이쁜 알람창을 따로 css작업없이 고퀄리티의 애니메이션 창을 구성할수 있습니다. 이번 시간에는 SweetAlert2 라이브러리의 기본 사용법..