웹개발 관련 유용한 사이트

2022. 7. 4. 11:32미분류

웹 공부를 하면서 개발 관련 도움이 되는 사이트를 저장하기위함입니다. 계속 추가예정입니다.

 

# Javascript 기본 개념공부

https://ko.javascript.info/

 

모던 JavaScript 튜토리얼

 

ko.javascript.info

 

# Html, Css 검사

https://validator.w3.org/#validate_by_input+with_options 

 

The W3C Markup Validation Service

Validate by File Upload Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website.

validator.w3.org

 

# 이미지 컬러 추출기

https://imagecolorpicker.com/en

 

👍 Color Picker online | HEX Color Picker | HTML Color Picker

Color Picker:Color Picker: With this online tool you can upload an image or provide a website URL and get the RGB Color, HEX Color and HSL Color code. 👍

imagecolorpicker.com

# figma - 디자이너 협업 툴

https://www.figma.com/

 

Figma: the collaborative interface design tool.

Build better products as a team. Design, prototype, and gather feedback all in one place with Figma.

www.figma.com

 

# CodeSandBox  - 다양한 개발 언어들을 웹에서 테스트 해볼수 있는 사이트. LiveSharecoding도 가능

https://codesandbox.io 

 

CodeSandbox: Online Code Editor and IDE for Rapid Web Development

Optimized for frameworks Custom environments built specifically for React, Vue, Angular, and many more.

codesandbox.io

# 구글 글꼴

https://fonts.google.com/

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

 

# Github, Git 사용법 정리

https://paullabworkspace.notion.site/GitHub-435ec8074bcf4353afb947f601a030df

 

알아서 잘 딱 깔끔하고 센스있게 정리하는 GitHub 핵심 개념

들어가며

paullabworkspace.notion.site

 

# 디자인 참고

https://dribbble.com/

 

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

Shameless.app - Fully-Encrypted Period Tracker App

dribbble.com

 

# 색상 조합

https://colorhunt.co/palettes/popular

 

The Most Popular Color Palettes of 2022 - Color Hunt

Find the perfect trendy color palettes and get color inspiration for your next design or art project.

colorhunt.co

# codepen

https://codepen.io/

 

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

# JavaScript문서

https://github.com/leonardomso/33-js-concepts

 

# 유료,무료폰트

https://fontawesome.com/

 

Font Awesome

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

fontawesome.com