Coding Cody

디자인 / 퍼블 참고 사이트 본문

디자인-참고사이트

디자인 / 퍼블 참고 사이트

Coding Cody 2023. 6. 8. 17:29

핀터레스트 - http://www.pinterest.co.kr

 

Pinterest

요리법, 집 꾸미기 아이디어, 영감을 주는 스타일 등 시도해 볼 만한 아이디어를 찾아서 저장하세요.

www.pinterest.co.kr

비핸즈 - http://www.behance.net

 

Search Projects | Photos, videos, logos, illustrations and branding on Behance

Photoshop 7일 무료 체험판 시작하기 데스크탑 또는 iPad에서 세련된 이미지, 그래픽, 페인팅 및 3D 아트워크를 제작하세요.

www.behance.net

드리블 - http://dribbble.com

 

Dribbble - Discover the World’s Top Designers & Creative Professionals

Unipay - UX/UI mobile app design for the digital payment system

dribbble.com

디자인스포레이션 - http://www.designspiration.net

 

Designspiration - Design Inspiration | Inspirational Art, Photography & Typography Images

Create an account or log in to Designspiration - An image & color search engine for creating mood boards and finding art, design, logos, photography, app & ui inspiration.

www.designspiration.com

플렛아이콘 - http://www.flaticon.com

 

Free Icons and Stickers - Millions of images to download

Download Free Icons and Stickers for your projects. Images made by and for designers in PNG, SVG, EPS, PSD and CSS formats

www.flaticon.com:443

어워드스 - http://www.awwwards.com

 

Awwwards - Website Awards - Best Web Design Trends

Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.

www.awwwards.com

노트폴리오 - http://notefolio.net

 

노트폴리오 :: 크리에이티브 네트워크 by 스터닝

노트폴리오는 여기저기 흩어져 있는 아티스트와 디자이너들이 한 곳에 모여 자신의 작업을 공개하고 이야기하는 공간으로 스터닝에서 서비스합니다.

notefolio.net

로고파운드 [logo 참고] - http://logopond.com

 

Logopond - Logo, Brand & Identity Inspiration

Featured Artist: proffartline

logopond.com

프리픽[무료 psd , 패턴 , 배경 제공 ] - http://www.freepik.com 

 

Freepik: Download Free Videos, Vectors, Photos, and PSD

Millions of Free Graphic Resources. ✓ Videos ✓Vectors ✓ Photos ✓ PSD ✓ Icons. All that you need for your Creative Projects. #freepik

www.freepik.com

GD웹 - http://www.gdweb.co.kr

 

http://www.gdweb.co.kr

 

www.gdweb.co.kr

AOS 스크롤 애니메이션 라이브러리 - Animate On Scroll 

https://inpa.tistory.com/entry/AOS-%F0%9F%93%9A-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98-Animate-On-Scroll

 

📚 AOS 스크롤 애니메이션 라이브러리 - Animate On Scroll

AOS (Animate On Scroll) 기본적으로 스크롤 움직임에 따라 개체에 움직임을 주는 애니메이션의 경우, AOS 라이브러리를 사용하면 쉽게 애니메이션을 줄 수 있다. AOS 라이브러리는 자바스크립트를 깊게

inpa.tistory.com

https://michalsnik.github.io/aos/

 

AOS - Animate on scroll library

AOS Animate On Scroll Library Scroll down

michalsnik.github.io

https://www.biew.co.kr/entry/%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98-%ED%9A%A8%EA%B3%BC%EB%A5%BC-%EC%A4%84-%EC%88%98-%EC%9E%88%EB%8A%94-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC%E3%86%8DAOSjs

 

스크롤 애니메이션 효과를 줄 수 있는 라이브러리ㆍAOS.js

AOS Animate On Scroll Library 프로젝트에서 퍼블리싱 작업 중 세로로 긴 콘텐츠의 메인 또는 서브페이지를 코딩하다 보면, 고객사의 요청에 의해 스크롤되었을 때 콘텐츠 요소의 애니메이션 효과를 퍼

www.biew.co.kr

Web Gradients - https://webgradients.com

 

Free Gradients Collection by itmeo.com

Free collection of 180 background gradients that you can use as content backdrops in any part of your website.

webgradients.com

 

W3 Schools Color Picker - https://www.w3schools.com/colors/colors_picker.asp

 

HTML Color Picker

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

Flat UI colors - http://flatuicolors.com

 

Flat UI Colors 2 - 14 Color Palettes, 280 colors 🎨

280 handpicked colors ready for COPY & PASTE

flatuicolors.com

 

 Social Colors - https://www.materialui.co/socialcolors

 

🎨 Social Colors, Facebook Color, Twitter & Instagram Color | Material UI

Click To Copy all the popular social media platform color codes in Hex, RGB, or CMYK so you don't need to visit each of them.

materialui.co

 

눈누 한글 폰트 - https:// noonnu.cc

 

 

 

FontAwesome 4.7 Official Website - https://fontawesome.com/v4.7.0/icons/

 

Font Awesome Icons

Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them! Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle. Ligatures for easier des

fontawesome.com

 

XEICON Ver 2.3.3 - https://xpressengine.github.io/XEIcon/

 

XEIcon, 문자를 그리다

XEICon은 웹사이트 제작에 최적화된 벡터 그래픽 아이콘 툴킷입니다. 여러분의 아름답고 직관적인 웹페이지 제작을 돕습니다.

xpressengine.github.io

/* XEION CDN */
@import url('http://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');

무료 이미지 

Adobe Stock https://stock.adobe.com/kr/search/free?filters%5Bcontent_type%3Avideo%5D=1&filters%5Bfree_collection%5D=1&order=relevance&safe_search=1&limit=100&search_type=pagination&search_page=1&k=business&acp=&aco=business&load_type=page&get_facets=1&asset_id=204730948

 

무료 Business 이미지 – 찾아보기 179,472 무료 스톡 사진, 벡터 및 비디오

소셜 콘텐츠, 전단지, 광고 등을 위한 수천 개의 무료 템플릿에 액세스할 수 있습니다.

stock.adobe.com

 

유형별 디자인 참고 사이트 https://collectui.com/

 

Collect UI

Daily inspiration collected from daily ui archive and beyond. Based on Dribbble shots, hand picked, updating daily.

collectui.com

 

box-shadow https://getcssscan.com/css-box-shadow-examples

 

CSS Scan - The fastest and easiest way to check and copy CSS

Goodbye to "Inspect Element" — Visualize the CSS of any element you hover over, instantly, and copy its entire rules with a single click.

getcssscan.com

 

css 참고 https://www.w3schools.com/csS/css3_shadows.asp

 

CSS Shadow Effects

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

도트배경 freePik https://kr.freepik.com/vectors/css-%EA%B7%B8%EB%9D%BC%EB%8D%B0%EC%9D%B4%EC%85%98-%EB%B0%B0%EA%B2%BD-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98/4

 

4 쪽 | 무료로 다운로드 가능한 Css 그라데이션 배경 애니메이션 벡터 & 일러스트 | Freepik

Freepik에서 가장 인기있는 Css 그라데이션 배경 애니메이션 벡터를 찾고 다운로드하세요 ✓ 상업적 용도로 무료 사용 ✓고품질 이미지 ✓창의적인 프로젝트용으로 제작. #freepik #벡터

kr.freepik.com

 

쉐도우 shadow https://cssgenerator.org/box-shadow-css-generator.html

 

Box Shadow CSS Generator

A box-shadow CSS Generator tool to quickly generate box-shadow CSS declarations.

cssgenerator.org