컬러 그라데이션(음영) 생성기(Color Shades Generator) 2020. 6. 12. 그라데이션 컬러를 생성해주는 사이트입니다. 이 사이트에는 세루리안 블루(cerulean-blue)를 메인 컬러로 사용하고 있습니다. 아무래도 컬러톤 자체가 쉽게 사용하기 어려운 색상인 만큼 풍부한 컬러감을 내기 위해서 온라인 도구 사이트를 통해 컬러값을 얻을 수 있었습니다. 보통 웹사이트 뿐만 아니라 디자인 작업을 할 때, 그라데이션 컬러를 사용하면 훨씬 깊이 있는 디자인을 할 수 있습니다. 메인 컬러를 정하고 메인 컬러를 기준으로 잘 어울릴 수 있는 컬러값을 찾습니다. 이렇게 100부터 900까지 그라데이션 컬러값을 얻을 수 있습니다. 아래는 테일윈드 컬러코드입니다. 'cerulean-blue': { 100: '#ECEEF8', 200: '#CFD4ED', 300: '#B2B9E1', 400: '#79..

인스타그램처럼 블로그를 꾸미는 텀블러 테마 「mirror」 2020. 6. 12. 티스토리에는 스킨이 있듯이, 텀블러에도 테마라는 것이 있습니다. 텀블러 테마를 참고하여 티스토리도 꾸밀 수 있고, 티스토리를 텀블러처럼 꾸밀 수 있습니다. 그 구조를 이루는 것은 HTML과 CSS 그리고 자바스크립트 언어로 본질적으로 같기 때문입니다. 다른 점이라고 하면 티스토리에는 치환자를 사용한다는 점과 페이징 기능 등 기본적으로 제공하고 있는 기능들이 있다는 것입니다. 텀블러의 경우에는 티스토리보다 다소 무겁다는 단점이 있기도 하고 조만간 시간이 된다면 이 테마를 참조하여 티스토리 스킨으로 제작 및 배포를 해보면 어떨까 생각이 듭니다. 티스토리에 없는 기능이라고 하면 텀블러에는 아카이브 기능이 있습니다. 이외에는 태그라던가 포스팅 기능은 일반적으로 동일합니다. 따라서 전면은 인스타그램처럼 본문의 작..

Color Scripter : 프로그래밍을 더욱 보기좋게! 2020. 6. 12. Color Scripter(컬러 스크립터) 국내 개발자들이 만든 코드 하이라이팅 사이트입니다. 코드블럭이 불가능한 게시판에서도 HTML 편집 기능으로 다양한 스타일로 표현할 수 있게 해줍니다. 여러가지 스타일이 있고 편하게 사용이 가능하지만, 처음 접하시는 분들은 다소 복잡하게 느낄 수도 있습니다. 좋은 기능들도 많지만, 가끔 네이버블로그에서는 버그가 발생하기도 합니다. 컬러 스크립터는 일반적인 하이라이팅 코드블럭을 훨씬 가독성있고 멋지게 꾸며줍니다. 웹개발 관련 글을 보다보면 쉽게 볼 수 있는 컬러 스크립터 입니다. Color Scripter(컬러 스크립터) 스타일패키지 / 언어(JavaScript) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ..

HTML 태그 및 속정 정리 해주는 사이트 2020. 6. 12. 티스토리에서는 이미지를 업로드할 때, 불가피하게 P태그가 형성되는 현상이 있습니다. 때문에, 이미지를 여러개 올리게 되거나 그룹으로 묶게 되면 각 그룹 또는 이미지마다 P태그가 형성되어 여백이 생깁니다. 하나하나 태그를 지우는 것 보다 일괄적으로 HTML이나 스타일을 정리해주는 국내 온라인 웹도구가 있습니다 (주)케이시크와 한여름이라는 분께서 제작하신 사이트로 웹디자이너와 웹개발을 위한 프로젝트 사이트입니다. 이외에 SPAN태그나 ID, Style, Class 또는 등의 여백까지도 모두 일괄적으로 정리해주는 좋은 사이트로 웹표준에 맞는 HTML 구성을 위해서 좋은 사이트입니다. 별도로 설정할 것은 없고 정리하고자 하는 HTML 태그 소스를 복사하여 위 사이트에 붙여넣기 한 후 제거하고자 하는 속성을 선택..

배경있는 움짤(gif) 이미지를 투명하게 만드는 방법 2020. 6. 12. 움짤 이미지를 투명하게 만드는 방법(Add effects to animated gifs) 사용방법은 우리의 온라인 툴인 EZ(이지-)GIF에서 만들 수 있습니다. 아주 간단하면서도 효과적인 온라인 도구입니다. 여러 색상값이 포함되어 있거나 그라데이션이 포함된 움짤 이미지는 부분적으로만 가능합니다. 이미지를 첨부하고 배경에 포함된 색상값을 입력하고 업로드를 하면 배경을 투명하게 할 수 있습니다. 물론 움직이는 이미지에 효과를 주는 것은 다른 확장자를 포함하여 여러가지 기능을 지원하고 있습니다. 이 글에서 다룰 내용은 이미지를 투명하게 만드는 방법이므로, 잘 따라오세요! 먼저 투명하게 만들 이미지를 하나 준비합니다. 예를 들어 위와 같은 애니메이션 이미지가 있습니다. 보통 영어로는 Animated Image..

Pouch Bag Packaging Mockup(파우치 가방 포장 목업) 2020. 6. 11. 다운로드 바로가기 Today’s freebie is a Pouch Bag Packaging Mockup by Anthony Boyd Graphics. Use this pouch bag mockup to showcase your designs or any branding work you might have. You can also change the background to whatever color you like. This scene was created in Cinema 4D and rendered using Redshift Render. If you want to feature this mockup you MUST link back to this page as stated on the License..

Samsung Galaxy S10 Isometric Mockup Vol.2(삼성 갤럭시 S10 등축 목업) 2020. 6. 11. 다운로드 바로가기 Today’s freebie is a Samsung Galaxy S10 Isometric Mockup Vol.2 by Anthony Boyd Graphics. Use this smartphone mockup to showcase your app designs or any branding work you might have. You can change the background to whatever color you like. This scene was created in Cinema 4D and rendered using Redshift Render. If you want to feature this mockup you MUST link back to this page as stated..

Floating Galaxy Note 10 Pro Mockup(플로팅 갤럭시 노트 10 프로 목업) 2020. 6. 11. 다운로드 바로가기 Free Floating Samsung Galaxy Note 10 Pro Mockup by Anthony Boyd Graphics. Use this smartphone mockup to showcase your app designs or any branding work you might have. This scene was created in Cinema 4D and rendered using Redshift Render. If you want to feature this mockup you MUST link back to this page as stated on the License Page. If you’re using it for personal work you’re free to..

Isometric iPhone 11 Pro Max Mockup(정적인 아이폰11 프로 맥스 목업) 2020. 6. 11. 다운로드 바로가기 Free Isometric iPhone 11 Pro Max Mockup by Anthony Boyd Graphics. Use this iPhone PSD to showcase your Mobile UI Designs. This scene was created in Cinema 4D and rendered using Redshift Render. If you want to feature this mockup you MUST link back to this page as stated on the License Page. If you’re using it for personal work you’re free to use it however you want. Use #anthonyboydgra..