북마크 좀 정리할 겸..
기록용으로 적어둡니다~
꾸준히 추가할 예정
다들 줍줍하세요^//^
HTML
이미지맵(태그) 사이트 : https://www.image-map.net/
엠밋(단축어?) 사이트 : https://docs.emmet.io/cheat-sheet/
파비콘 사이트 : https://www.favicon-generator.org/
html 오류 체크 사이트 : https://validator.w3.org/
html 태그 정리 사이트 : https://www.w3schools.com/html/default.asp
폰트 어썸 사이트 : https://fontawesome.com/
무료 svg(아이콘) 사이트 : https://heroicons.com/
무료 svg(아이콘) 사이트 2 : https://ionicframework.com/
RemoveLineBreaks(줄바꿈 문자 제거 혹은 변환) 사이트 : https://removelinebreaks.net/
시멘틱 태그/중요한 태그 사이트(드림코딩) : https://youtu.be/T7h8O7dpJIg?si=0WYT7QdMZ91UyyGK
CSS
비율 계산기(aspect-ratio 속성 쓸 때 유용) : https://homzzang.com/ratio/
배경 그라디언트(속성) 사이트 : https://cssgradient.io/
css -> scss 변환 사이트 : https://css2sass.herokuapp.com/
눈누(웹폰트) 사이트 : https://noonnu.cc/
구글 폰트 사이트 : https://fonts.google.com/
pangrampangram(영문 이쁜 폰트) 사이트 : https://pangrampangram.com/
css 선택자 연습 사이트 : https://flukeout.github.io/
css 선택자 연습 사이트 2 : https://css-speedrun.netlify.app/
flex 속성 연습 사이트 : https://flexboxfroggy.com/#ko
css 배경 패턴 사이트 : https://bansal.io/pattern-css#grid
css 애니메이션 사이트 : https://animista.net/
css 레퍼런스 : https://wsss.tistory.com/
ui 효과 레퍼런스(버튼, 카드, 메뉴 등등등..) : https://stacksorted.com/buttons
ui 효과 레퍼런스 2 : https://navnav.co/
ui 효과 레퍼런스 3 : https://uiverse.io/
px -> rem 변환 사이트 : https://nekocalc.com/px-to-rem-converter
tailwind 템플릿 사이트 : https://www.tailwindawesome.com/
JS
모던 자바스크립트(이론정리) 사이트 : https://ko.javascript.info/
자바스크립트 자료구조 레포 : https://github.com/trekhleb/javascript-algorithms
json 검사 사이트 : https://kr.piliapp.com/json/validator/
초보자를 위한 자바스크립트 프로젝트 40가지 : https://www.freecodecamp.org/korean/news/javascript-projects-for-beginners/
webGL 레퍼런스 사이트 : https://wiss.tistory.com/
라이브러리
cdn 주소 모음 : https://cdnjs.com/
모바일 이미지맵 라이브러리 : https://github.com/stowball/jQuery-rwdImageMaps
라이트위젯(인스타그램 연동 라이브러리) : https://lightwidget.com/
부트스트랩 : https://getbootstrap.com/
코드 하이라이트 바꿔주는 라이브러리 : https://highlightjs.org/
swiper(쩰 유명한 슬라이드) : https://swiperjs.com/
slick(슬라이드) : https://kenwheeler.github.io/slick/
bxSlider(jquery 슬라이드) : https://bxslider.com/
gsap(쩰 유명한 애니메이션) : https://gsap.com/
ScrollReveal (스크롤 리빌효과) : https://scrollrevealjs.org/
lenis(부드러운 스크롤) : https://lenis.darkroom.engineering/
matter.js (물리엔진) : https://brm.io/matter-js/
디자인(레퍼런스)
gd웹 : https://www.gdweb.co.kr/main/
어워즈 (awwwards) : https://www.awwwards.com/
노트폴리오 : https://notefolio.net/
CSSDesignAwards : https://www.cssdesignawards.com/
코드롭(효과 위주) : https://tympanus.net/codrops/
코드펜(효과 위주) : https://codepen.io/
눈누(웹폰트) 사이트 : https://noonnu.cc/
구글 폰트 사이트 : https://fonts.google.com/
pangrampangram(영문 이쁜 폰트) 사이트 : https://pangrampangram.com/
mymind(색조합) : https://access.mymind.com/colors
color hunt (색조합) : https://colorhunt.co/
coolors (색조합) : https://coolors.co/
무료 이미지 : https://unsplash.com/ko
이미지 최적화 사이트(용량 줄여줌) : https://imagecompressor.com/ko/
개발 지식 블로그(사이트) or 개발자 커뮤니티
블로그 (혹은 사이트)
코딩하는디자이너 : https://usingu.co.kr/
코딩에브리바디(개념 정리 잘되어있음!) : https://codingeverybody.kr/
Inpa Dev(블로그) : https://inpa.tistory.com/
Light Dev(블로그) : https://light9639.tistory.com/
생활코딩(짱 유명한 개발자슨생님) : https://opentutorials.org/course/1
코딩애플(너무 재밌는 개발자슨생님/유튭채널도이씀) : https://codingapple.com/
디자인 키트 : https://www.designkits.co.kr/blog/
개발자 커뮤니티
커리어리 : https://careerly.co.kr/
OKKY : https://okky.kr/
요즘IT : https://yozm.wishket.com/magazine/
디스콰이엇 : https://disquiet.io/
벨로그(기술 블로그 플랫폼) : https://velog.io/
인프런 내 커뮤니티 : https://www.inflearn.com/community/questions
스택오버플로우 (해외 사이트) : https://stackoverflow.com/
sir 커뮤니티(주로 그누보드) : https://sir.kr/
그누스터디 커뮤니티 : https://gnustudy.com/
기타
깃허브 : https://github.com/
깃 명령어 연습 사이트 : https://learngitbranching.js.org/?locale=ko
인코딩 디코딩 사이트 : https://www.base64decode.org/ko/
도메인 dns 관리 : https://dnszi.com/
인프런(강의 사이트) : https://www.inflearn.com/
유데미(해외 강의 지분이 많은 사이트) : https://www.udemy.com/
노티콘 (노션에 귀여운 이모티콘 넣을 수 있음) 사이트 : https://noticon.tammolo.com/
vscode 추천 extensions(리액트개발자) : https://just-coding.tistory.com/1
netlify(무료로 배포할 수 있음) : https://www.netlify.com/
snippet generator(스니펫 생성) 사이트 : https://snippet-generator.app/
북마크 좀 정리할 겸..
기록용으로 적어둡니다~
꾸준히 추가할 예정
다들 줍줍하세요^//^
HTML
이미지맵(태그) 사이트 : https://www.image-map.net/
엠밋(단축어?) 사이트 : https://docs.emmet.io/cheat-sheet/
파비콘 사이트 : https://www.favicon-generator.org/
html 오류 체크 사이트 : https://validator.w3.org/
html 태그 정리 사이트 : https://www.w3schools.com/html/default.asp
폰트 어썸 사이트 : https://fontawesome.com/
무료 svg(아이콘) 사이트 : https://heroicons.com/
무료 svg(아이콘) 사이트 2 : https://ionicframework.com/
RemoveLineBreaks(줄바꿈 문자 제거 혹은 변환) 사이트 : https://removelinebreaks.net/
시멘틱 태그/중요한 태그 사이트(드림코딩) : https://youtu.be/T7h8O7dpJIg?si=0WYT7QdMZ91UyyGK
CSS
비율 계산기(aspect-ratio 속성 쓸 때 유용) : https://homzzang.com/ratio/
배경 그라디언트(속성) 사이트 : https://cssgradient.io/
css -> scss 변환 사이트 : https://css2sass.herokuapp.com/
눈누(웹폰트) 사이트 : https://noonnu.cc/
구글 폰트 사이트 : https://fonts.google.com/
pangrampangram(영문 이쁜 폰트) 사이트 : https://pangrampangram.com/
css 선택자 연습 사이트 : https://flukeout.github.io/
css 선택자 연습 사이트 2 : https://css-speedrun.netlify.app/
flex 속성 연습 사이트 : https://flexboxfroggy.com/#ko
css 배경 패턴 사이트 : https://bansal.io/pattern-css#grid
css 애니메이션 사이트 : https://animista.net/
css 레퍼런스 : https://wsss.tistory.com/
ui 효과 레퍼런스(버튼, 카드, 메뉴 등등등..) : https://stacksorted.com/buttons
ui 효과 레퍼런스 2 : https://navnav.co/
ui 효과 레퍼런스 3 : https://uiverse.io/
px -> rem 변환 사이트 : https://nekocalc.com/px-to-rem-converter
tailwind 템플릿 사이트 : https://www.tailwindawesome.com/
JS
모던 자바스크립트(이론정리) 사이트 : https://ko.javascript.info/
자바스크립트 자료구조 레포 : https://github.com/trekhleb/javascript-algorithms
json 검사 사이트 : https://kr.piliapp.com/json/validator/
초보자를 위한 자바스크립트 프로젝트 40가지 : https://www.freecodecamp.org/korean/news/javascript-projects-for-beginners/
webGL 레퍼런스 사이트 : https://wiss.tistory.com/
라이브러리
cdn 주소 모음 : https://cdnjs.com/
모바일 이미지맵 라이브러리 : https://github.com/stowball/jQuery-rwdImageMaps
라이트위젯(인스타그램 연동 라이브러리) : https://lightwidget.com/
부트스트랩 : https://getbootstrap.com/
코드 하이라이트 바꿔주는 라이브러리 : https://highlightjs.org/
swiper(쩰 유명한 슬라이드) : https://swiperjs.com/
slick(슬라이드) : https://kenwheeler.github.io/slick/
bxSlider(jquery 슬라이드) : https://bxslider.com/
gsap(쩰 유명한 애니메이션) : https://gsap.com/
ScrollReveal (스크롤 리빌효과) : https://scrollrevealjs.org/
lenis(부드러운 스크롤) : https://lenis.darkroom.engineering/
matter.js (물리엔진) : https://brm.io/matter-js/
디자인(레퍼런스)
gd웹 : https://www.gdweb.co.kr/main/
어워즈 (awwwards) : https://www.awwwards.com/
노트폴리오 : https://notefolio.net/
CSSDesignAwards : https://www.cssdesignawards.com/
코드롭(효과 위주) : https://tympanus.net/codrops/
코드펜(효과 위주) : https://codepen.io/
눈누(웹폰트) 사이트 : https://noonnu.cc/
구글 폰트 사이트 : https://fonts.google.com/
pangrampangram(영문 이쁜 폰트) 사이트 : https://pangrampangram.com/
mymind(색조합) : https://access.mymind.com/colors
color hunt (색조합) : https://colorhunt.co/
coolors (색조합) : https://coolors.co/
무료 이미지 : https://unsplash.com/ko
이미지 최적화 사이트(용량 줄여줌) : https://imagecompressor.com/ko/
개발 지식 블로그(사이트) or 개발자 커뮤니티
블로그 (혹은 사이트)
코딩하는디자이너 : https://usingu.co.kr/
코딩에브리바디(개념 정리 잘되어있음!) : https://codingeverybody.kr/
Inpa Dev(블로그) : https://inpa.tistory.com/
Light Dev(블로그) : https://light9639.tistory.com/
생활코딩(짱 유명한 개발자슨생님) : https://opentutorials.org/course/1
코딩애플(너무 재밌는 개발자슨생님/유튭채널도이씀) : https://codingapple.com/
디자인 키트 : https://www.designkits.co.kr/blog/
개발자 커뮤니티
커리어리 : https://careerly.co.kr/
OKKY : https://okky.kr/
요즘IT : https://yozm.wishket.com/magazine/
디스콰이엇 : https://disquiet.io/
벨로그(기술 블로그 플랫폼) : https://velog.io/
인프런 내 커뮤니티 : https://www.inflearn.com/community/questions
스택오버플로우 (해외 사이트) : https://stackoverflow.com/
sir 커뮤니티(주로 그누보드) : https://sir.kr/
그누스터디 커뮤니티 : https://gnustudy.com/
기타
깃허브 : https://github.com/
깃 명령어 연습 사이트 : https://learngitbranching.js.org/?locale=ko
인코딩 디코딩 사이트 : https://www.base64decode.org/ko/
도메인 dns 관리 : https://dnszi.com/
인프런(강의 사이트) : https://www.inflearn.com/
유데미(해외 강의 지분이 많은 사이트) : https://www.udemy.com/
노티콘 (노션에 귀여운 이모티콘 넣을 수 있음) 사이트 : https://noticon.tammolo.com/
vscode 추천 extensions(리액트개발자) : https://just-coding.tistory.com/1
netlify(무료로 배포할 수 있음) : https://www.netlify.com/
snippet generator(스니펫 생성) 사이트 : https://snippet-generator.app/
