Home AboutMe Blog Guest

© 2025 Sejin Cha. All rights reserved.

Built with Next.js, deployed on Vercel

프론트엔드 스쿨 교안(1기)/

📝

18. 유용한 디자인 도움 사이트

📝

18. 유용한 디자인 도움 사이트

0. pixabay 0. pexels 0. themeforest 0. codepen 1. Splitcow 2. Adobe Color 3. Color Space 4. CSS Gradient 5. Shape Divider 6. Haikei 7. Cool Backgrounds 8. dribbble 9. CSS 트릭 사이트

0. pixabay

무료 사진

https://pixabay.com/ko/

0. pexels

무료 사진

https://www.pexels.com/ko-kr/

0. themeforest

템플릿

WordPress Themes & Website Templates from ThemeForest

Discover 1000s of premium WordPress themes & website templates, including multipurpose and responsive Bootstrap templates, email templates & HTML templates.

WordPress Themes & Website Templates from ThemeForest

https://themeforest.net/

WordPress Themes & Website Templates from ThemeForest

0. 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.

https://codepen.io/

1. Splitcow

이미지 css로 잘라줍니다.

Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css. Load the example image, and have a click around. It becomes pretty obvious. Automated spritesheet generators are pretty cool, but I prefer the control over optimisation and compression you get by making them manually.

http://www.spritecow.com/

2. Adobe Color

color 선택을 도와줍니다.

color.adobe.com

color.adobe.com

https://color.adobe.com/ko/create

3. Color Space

역시 color 선택을 도와줍니다.

ColorSpace - Color Palettes Generator and Color Gradient Tool

Here you can find the perfect matching color scheme for your next project! Generate nice color palettes, color gradients and much more! Your space for everything that has to do with color!

ColorSpace - Color Palettes Generator and Color Gradient Tool

https://mycolor.space/

4. CSS Gradient

그라데이션을 만들어줍니다.

CSS Gradient - Generator, Maker, and Background

About this tool CSS Gradient is a happy little website and free tool that lets you create a gradient background for websites. Besides being a css gradient generator, the site is also chock-full of colorful content about gradients from technical articles to real life gradient examples like Stripe and Instagram.

CSS Gradient - Generator, Maker, and Background

https://cssgradient.io/

CSS Gradient - Generator, Maker, and Background

5. Shape Divider

구분선을 보다 아름답게 만들어줍니다.

Shape Divider App

Create fully responsive shape dividers for your next web project

Shape Divider App

https://www.shapedivider.app/

Shape Divider App

6. Haikei

SVG 파일을 디자인할 수 있도록 도와줍니다.

Generate unique SVG design assets | Haikei

A web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more! Our generators let you discover, customize, randomize, and export generative SVG design assets ready to use with your favorite design tools.

Generate unique SVG design assets | Haikei

https://haikei.app/

Generate unique SVG design assets | Haikei

7. Cool Backgrounds

배경이미지 선택을 도와줍니다.

Cool Backgrounds

About this tool After laboring over your latest piece of writing, one of the hardest steps before hitting publish is finding an exciting background image to really showcase and draw attention to your post. Cool Backgrounds is a collection of tools to create compelling, colorful images for blogs, social media, and websites.

Cool Backgrounds

https://coolbackgrounds.io/

Cool Backgrounds

8. dribbble

템플릿

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

Dribbble is where designers gain inspiration, feedback, community, and jobs and is your best resource to discover and connect with designers worldwide.

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

https://dribbble.com/

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

9. CSS 트릭 사이트

Browse through SaaS communities on Twitter, LinkedIn, Reddit, Discord, you name it and you'll see a common theme appear in many of them. That theme can go by many names: BI, analytics, insights and so on. It's natural, we do ...

https://css-tricks.com