c0's code

홈페이지 만들때 유용한 사이트들 (소스 등) 본문

SITE

홈페이지 만들때 유용한 사이트들 (소스 등)

leec0 2023. 1. 27. 15:06

1. 

https://anyconv.com/ko/ttf-to-eot-byeonhwangi/

 

온라인에서 TTF를 EOT로 변환하십시오 - AnyConv

AnyConv는 5 성급 TTF EOT 변환기입니다 ⭐ 온라인에서 ttf를 eot로 몇 초 안에 변환하십시오 👍 소프트웨어 설치가 필요하지 않습니다 👍 무료로 👍 완전히 안전합니다. TTF를 EOT로 쉽게 변경할 수

anyconv.com

2. 카카오 오픈그래프 보일때 캐시날리기

https://developers.kakao.com/tool/debugger/sharing

 

카카오계정

 

accounts.kakao.com

3. 웹소스코드 정리

https://wepplication.github.io/tools/beautifyCode/

 

웹 소스코드 정렬 사이트

온라인 코드 정렬 사이트 js, css 등의 소스를 깔끔하게 정렬해주는 사이트

wepplication.github.io

4. 구글 아이콘

https://fonts.google.com/icons

 

Material Symbols and Icons - Google Fonts

Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.

fonts.google.com

5. rgba 컬러변경

https://coding.tools/kr/hex-to-rgba

 

Hex 컬러에서 RGBA 컬러 온라인 변환 도구 - Coding.Tools

이 온라인 16 진수 - RGBA 색상 변환 도구를 사용하면 16 진수 색상을 RGBA 색상 (투명도 불투명도 포함)으로 변환하고 선택한 색상을 실시간으로 테스트 할 수 있습니다.

coding.tools

6. 이미지 용량 줄이기

https://www.iloveimg.com/ko/compress-image

 

최상의 해상도로 쉽고 신속하게 이미지를 압축하세요

여러 JPG, PNG, GIF 이미지 선택 후, 신속하게 무료로 압축하세요! 단 몇 번의 클릭으로 쉽게 압축할 수 있습니다!

www.iloveimg.com

7. 포토샵 박스쉐도우 css로 변환

https://melanieceraso.com/psd-to-css3/

 

Convert Photoshop Drop Shadows to CSS3 Box and Text Shadows

CSS3 Code box-shadow: offset-x offset-y blur-radius spread-radius rgba(0, 0, 0, opacity) inset; text-shadow: offset-x offset-y blur-radius rgba(0,0,0 opacity); box-shadow: offset-xpx offset-ypx blur-radiuspx spread-radiuspx rgba(0, 0, 0, opacity) inset; te

melanieceraso.com

 

Comments