멋쟁이사자처럼FE 2기/TIL

유용한 디자인 사이트 모음

(범) 2022. 4. 21. 15:20

Cargo

Templates - Cargo

 

Templates — Cargo

Template Style 1 — Wireframe Show All︎ Template Style 2 — w/ Example Content Show All ︎

cargo.site

themeforest(템플릿)

WordPress Themes & Website Templates from 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.

themeforest.net

codepen(HTML, CSS, JS 소스 뱅크)

CodePen

 

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

Splitcow(스프라이트 기법)

이미지 css로 잘라줍니다.

Sprite Cow

 

Sprite Cow - Generate CSS for sprite sheets

Sorry, it isn't working out between us It's not you, I just can't get along with your browser. Maybe if things change in the future... maybe if you bring Chrome, Firefox, Opera or even IE10 to the party... not promising anything, but give me a call.

www.spritecow.com

스프라이트 기법

CSS Sprites Generator

 

CSS Sprites Generator

CSS Sprites Generator Upload your images. (Note: Please don’t upload HUGE files. That’s not the purpose of sprites technique.)

www.toptal.com

Adobe Color(color 선택)

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

 

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

 

color.adobe.com

Color Space(color 선택)

ColorSpace - Color Palettes Generator and Color Gradient Tool

 

ColorSpace - Color Palettes Generator and Color Gradient Tool

Just Enter a Color! And Generate nice Color Palettes

mycolor.space

CSS Gradient(그라데이션) - 실습

CSS Gradient - Generator, Maker, and Background

 

CSS Gradient — Generator, Maker, and Background

As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.

cssgradient.io

Shape Divider(구분선) - 실습

Shape Divider App

 

Shape Divider App

Create fully responsive shape dividers for your next web project

www.shapedivider.app

Haikei(SVG 파일 디자인) - 실습

Generate unique SVG design assets | Haikei

 

Generate unique SVG design assets | Haikei

Growing number of generators Get started with one of our flexible SVG generators that will help you create unique data-driven shapes without hassle. Choose between stacked or layered waves, steps, peaks, blobs, symbols, grids, gradients, and much more. Eas

haikei.app

Cool Backgrounds(배경이미지 선택)

Cool Backgrounds

 

Cool Backgrounds

Explore a beautifully curated selection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers.

coolbackgrounds.io

dribbble(템플릿)

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

 

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

Discover the world’s top designers & creatives Dribbble is the leading destination to find & showcase creative work and home to the world's best design professionals. Sign up

dribbble.com

CSS 트릭 사이트

CSS-Tricks

Add a CSS Lens Flare to Photos for a Bright Touch | CSS-Tricks

 

Add a CSS Lens Flare to Photos for a Bright Touch | CSS-Tricks

But what if we wanted to apply the same lens flare look without the use of photo editing tools? We can create a CSS lens flare to add a cinematic touch to our

css-tricks.com

prefixfree

  • cdn도 제공합니다.

https://github.com/LeaVerou/prefixfree

 

GitHub - LeaVerou/prefixfree: Break free from CSS prefix hell!

Break free from CSS prefix hell! Contribute to LeaVerou/prefixfree development by creating an account on GitHub.

github.com

 

'멋쟁이사자처럼FE 2기 > TIL' 카테고리의 다른 글

20일차_Sass(1)  (4) 2022.04.25
SVG로 지도 만들기  (0) 2022.04.21
19일차_Base 64코드  (0) 2022.04.21
스크롤 디자인 변경하기_CSS  (6) 2022.04.20
18일차_반응형 컨텐츠 만들기(CSS)  (0) 2022.04.20