last update: 2023-10:19
아카이브용 게시글입니다. 저작권 문제 시 댓글 부탁드립니다.
컬러 팔레트
1. Html Color Codes
웹 개발할 때 색상코드 뽑기 좋음
요즘은 IDE에서 알아서 뽑을 수 있지만 밑에 색 조합이 괜찮아서 가끔 들어감
HTML Color Codes
Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values.
htmlcolorcodes.com
2. Materialize CSS
UI 라이브러리같은데 사실 컬러 팔레트 보러 감
https://materializecss.com/color.html
Color - Materialize
To apply a background color, just add the color name and light/darkness as a class to the element. This is a card panel with a teal lighten-2 class This is a card panel with a teal lighten-2 class
materializecss.com
3. Color Space
⭐ 컬러 입력 시 추천 팔레트 뽑아준다. 아주 나이스
ColorSpace - Color Palettes Generator and Color Gradient Tool
Just Enter a Color! And Generate nice Color Palettes
mycolor.space
4. Ultimate CSS Gradient Generator
⭐ CSS로 그래디언트 만들 때 코드 복사하는 사이트. 은근 많이 이용함
https://www.colorzilla.com/gradient-editor/
Ultimate CSS Gradient Generator from ColorZilla
A powerful Photoshop-like CSS gradient editor
www.colorzilla.com
아이콘, 파비콘
1. Favicon Generator
파비콘 생성기. 쓸 일 있을 때 쓰는 편
https://www.favicon-generator.org/
Favicon & App Icon Generator
Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.
www.favicon-generator.org
2. Font Awesome
웹 아이콘 라이브러리
https://fontawesome.com/v4/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
CSS, UI
1. CSS Portal
갖가지 CSS 참고하기 좋은 사이트
https://www.cssportal.com/style-input-range/
Style Input Range - CSS Portal
This is a handy generator that will help you style the html input range tag. You will be able to style all aspects of the input range tag and see the changes in the preview box below.
www.cssportal.com
2. 우클릭 컨텍스트 메뉴
콘텍스트 메뉴 만들 때 참고했던 블로그. 감사합니다.
[Menu] 마우스 오른쪽을 클릭하면 나타나는 드롭다운 메뉴
See the Pen jQuery | Contextmenu Snippet by Tobias Bogliolo (@tobiasdev) on CodePen. 마우스 오른쪽을 클릭하면 나타나는 드롭다운 메뉴 [출처]
wsss.tistory.com
3. Dribble
UI 프레임워크 모음집. 아직은 많이 보고 익혀야 할 것 같음
https://dribbble.com/tags/ui_framework
UI Framework designs, themes, templates and downloadable graphic elements on Dribbble
Responsive Cryptocurrency HTML Templates Bitcoin Dashboards ICOC
dribbble.com
4. Site In Spire
독특하고 기발한 웹사이트 모음. 참고할 때 좋다
All Websites on Siteinspire
www.siteinspire.com
5. Animate.css
CSS 라이브러리
Animate.css | A cross-browser library of CSS animations.
Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints.
animate.style
기타
1. Color Sublime
예쁜 개발 IDE 테마 모음
https://colorsublime.github.io/
Colorsublime
Color your Sublime Text editor trying your favorite theme online before downloading it for free
colorsublime.github.io
2. NuuNeol Profile
대단한 웹 포트폴리오. 그냥 멋있어서 저장함
https://nuuneoi.com/profile?fbclid=IwAR1QfLkLKXcLRHFODOl09-ch7XNxE0LCAuvSqEkYUZiUIgfXtEm9umlpWwI
NuuNeoI's Interactive Profile
An Interactive Profile of Sittiphol Phanvilai (nuuneoi), a Full-Stack Developer. Your perspective on Profile Writing would never be the same ...
nuuneoi.com
3. 온라인 프로토타이핑 툴
써본 적은 없는데 프로토타입 짤 때 좋다고 들었음
OvenApp.io
Oven(오븐)은 HTML5 기반의 무료 웹/앱 프로토타이핑 툴입니다. (카카오 제공)
ovenapp.io
4. hilite.me
티스토리용 텍스트 하이라이터
Source code beautifier / syntax highlighter – convert code snippets to HTML « hilite.me
Source code: print 'hello world!' HTML: print 'hello world!'
hilite.me
