본문 바로가기

웹디자인7

칼라 그라데이션 조합이 필요할 때 방문하면 좋은 사이트 uiGradient 칼라 그라데이션 참고 사이트를 소개합니다. uiGradient 웹디자인을 할 때 칼라 그라데이션 효과를 줄 때가 많다. 그럴 때 어떤 칼라들을 같이 사용할지 정하기 어려울 때가 많다. 그라데이션은 2가지 이상의 칼라가 서로 자연스럽게 겹치면서 시각적인 효과를 나타내기 때문에 시험적으로 적용해 보지 않으면 그 효과를 먼저 알아내기 어렵기 때문이다. 그런데 섞어야 할 칼라가 3가지 이상이 넘어가면 더 어려워진다. 이럴 때 참고하면 좋은 사이트가 uiGradient 사이트이다. uigradients.com/ uiGradients - Beautiful colored gradients uiGradients is a handpicked collection of beautiful color gradients for .. 2020. 11. 10.
코드펜 Codepen에서 소스 연습도 하고, 코딩도 참고하고 코드펜 Codepen을 소개합니다. 학원에서 코딩을 배우면서 처음 코드펜 사이트를 알게 되었습니다. 아래의 url에 들어가서 많은 코드를 참고하였습니다. https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 다른 분들은 회원가입을 해서 주로 코딩 테스트를 할 때 코드펜을 많이 사용하는 것 같습니다. 저는 회원가입을 하지는 않고 주로 샘플을 찾거나 예시 소스를 참고하고자 할 때 코드펜에 들어갑니다.. 2020. 10. 11.
무설치 포토샵 픽슬러 에디터 소개 사진 에디터, 포토샵의 기능을 무료로 온라인에서 사용하기 포토샵이 설치되지 않은 PC에서 포토샵 작업을 해야할 때 아주 유용한 사이트 하나를 소개합니다. 픽슬러 에디터, 온라인 포토샵으로 부르고 있습니다. url은 아래와 같습니다. https://pixlr.com/kr/ 온라인 사진 에디터 - Pixlr.com 무료 & 프리미엄 온라인 사진 에디터를 만나보세요. 효과, 필터, 오버레이, 간단한 기능부터 고급형 기능까지 모두 담았어요. 대부분의 파일 형식 (PSD, PXD, JPeg, PNG - 투명, webP, SVG 등)을 지원해요. pixlr.com 실제 포토샵 작업환경과 상당히 유사해서 포토샵을 할 줄 알면 바로 사용이 가능합니다. 2020. 10. 2.
언스플래쉬 상업적 사진 무료 사이트 언스플래쉬 상업적으로 무료로 이용할 수 있는 사진을 제공받을 수 있는 사이트는 없을까? 웹사이트를 만들면서 필요한 이런저런 사진들을 준비하면서 가장 주의해야 하는 것이 저작권 문제. 그런데 이런 저작권 문제없이 상업적 목적으로 무료로 사진을 제공받을 수 있는 곳이 있다면 얼마나 좋을까요? 그런 사이트가 있습니다. 그곳을 소개합니다. 그곳은 바로 언스플래쉬 사이트 unsplash.com !! . url은 아래 링크를 클릭해서 들어가시면 됩니다. https://unsplash.com/ Beautiful Free Images & Pictures | Unsplash Beautiful, free images and photos that you can download and use for any project. B.. 2020. 9. 24.
아이콘 디자인은 폰트어썸 Fontawesome 아이콘은 폰트어썸 !! 디자인 아이콘은 구글 머티리얼 디자인에서도 많이 사용하지만 제가 추천을 해드리는 것은 폰트어썸 Fontawesome 사이트입니다. 폰트어썸은 유료와 무료로 나뉘기 때문에 주의는 필요합니다. 유료에서 사용할 수 있는 종류와 이쁜 디자인이 많지만, 무료로 제공해 주는 좋은 아이콘도 많답니다. 아래 설명은 무료사용 기준입니다. 먼저 html이나 css의 링크에 필요한 cdn을 준비하는데 필요한 사이트입니다. 검색은 구글에서 "fontawesome 4.7 cdn"으로 합니다. 아래를 클릭해서 들어가도 됩니다. https://www.bootstrapcdn.com/fontawesome/ Font Awesome The recommended CDN for Font Awesome www.boots.. 2020. 9. 24.
구글 머티리얼 아이콘을 알아보자! 구글에서 제공해 주는 아이콘은 어떻게 쓸까 알아볼까요? 폰트어썸과 더불어 많이 사용하는구글 머티리얼 아이콘을 알아 볼게요. 폰트어썸이 유니코드(unicode) 번호를 제공하는 메릿트가 있다면, 구글 머티리얼 아이콘(Google Material Icons)의 메릿트는 png 형태와 더불어 svg 형태의 파일을 제공한다는 점이죠. 물론, 태그형태의 소스도 제공하구요. 구글 머티리얼 아이콘은 어느 사이트에서 제공할까요? 아래 url을 따라 들어가면 짜잔 하고 나온답니다. https://material.io/resources/icons/?style=baseline 여기 사이트에서 아래로 스크롤 하면서 원하는 아이콘 모양을 선택을 해도 되고, 검색창에서 영어로 해당하는 아이콘을 검색해도 된답니다. 폰트어썸 사이트.. 2020. 9. 23.
웹디자이너 칼라 참고 사이트 헥스 칼라 소셜 칼라 웹디자인을 할 때 참고할 만한 사이트를 소개합니다. 웹디자인을 하면서 칼라를 참고할 때 자주 이용하던 사이트를 소개합니다. 스타일 가이드를 준비하면서도 어떤 칼라를 주색으로 할지, 어떤 칼라를 보조색으로 할지 정할 때도 도움이 됩니다. 하나, 칼라 헥스 칼라 코드 사이트 https://www.color-hex.com/ Color Hex Color Codes Got it! This website uses cookies to collect information about how you interact with our website. We use this information in order to improve and customize your browsing experience and for analytic.. 2020. 9. 23.

티스토리툴바