일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- Houdini
- vim
- 깃
- C++
- github
- c# 윈폼
- Unity
- Data Structure
- c# 추상 클래스
- C# delegate
- c언어
- gitlab
- Flutter
- git
- Python
- 유니티
- docker
- jupyter lab
- Algorithm
- 도커
- dart 언어
- HTML
- 구조체
- jupyter
- 다트 언어
- c# winform
- C언어 포인터
- c#
- 포인터
- 플러터
Archives
- Today
- Total
nomad-programmer
[Programming/HTML|CSS] 웹 개발할 때 유용한 사이트 모음 본문
더미 이미지가 필요하다면?
웹 페이지를 디자인하다보면 이미지를 아직 완성하지 못해 넣을 수 없는 경우가 있다.
이미지 크기는 아는데 아직 이미지가 없을 때 사용할 수 있는 사이트는 소개한다.
아래처럼 "너비 X 높이" 형식을 사용하면 손쉽게 원하는 키그의 이미지를 얻을 수 있다.
<!-- placehold.it을 사용한 이미지 -->
<body>
<img src="https://via.placeholder.com/300x200" />
<img src="https://via.placeholder.com/200x150" />
<img src="https://via.placeholder.com/100x100" />
</body>
placeholder.com 사이트와 비슷한 사이트로는 아래의 사이트가 있다.
더미 텍스트가 필요하다면?
그레디언트 CSS
https://www.colorzilla.com/gradient-editor/
스프라이트 이미지 생성
www.toptal.com/developers/css/sprite-generator
어울리는 색상을 알려주는 adobe color
color.adobe.com/ko/create/color-wheel
사용자 정의 수치 변형 함수 (베지어 곡선 만드는 함수 사이트)
cubic-bezier.com/#.17,.67,.83,.67
구글 웹 폰트 헬퍼
google-webfonts-helper.herokuapp.com/fonts/langar?subsets=latin
github.com/majodev/google-webfonts-helper
LESS 온라인 컴파일러
로띠 파일 (무료 애니메이션)
'Programming > HTML|CSS' 카테고리의 다른 글
[Programming/HTML|CSS] 많이 사용하는 StyleSheet 초기화 코드 (0) | 2020.12.18 |
---|---|
[Programming/HTML|CSS] 중요한 레이아웃 공식 같은 CSS설정 (0) | 2020.08.11 |
[Programming/HTML|CSS] 동위 선택자의 활용 예시 (0) | 2020.08.10 |
[Programming/HTML|CSS] 애니메이션 속성 (0) | 2020.08.07 |
[Programming/HTML|CSS] 브라우저 간의 차이를 메꿔주는 폴리필(polyfill) (0) | 2020.08.02 |
Comments