반응형
snowman95
코딩수련장
snowman95
전체 방문자
오늘
어제
  • 분류 전체보기 (231)
    • 앱테크 (3)
    • 옵시디언 (5)
    • 드라마, 영화 (1)
    • 개발자 이야기 (25)
    • 프로젝트 (10)
      • 프로젝트 방법론 (7)
      • 프로젝트 기록 (2)
      • Github (1)
    • 개발 지식 (0)
      • 디자인 패턴 (0)
    • 프론트엔드 개발 (5)
      • 테크트리 (2)
      • React.js (19)
      • ReactNative (2)
      • Next.js (6)
      • GraphQL (6)
      • 패키지 매니저 (2)
      • 라이브러리 (3)
      • 상태관리 라이브러리 (4)
      • Web 지식 (3)
      • HTML CSS (26)
      • Javascript (16)
      • 도구 (Tool) (3)
      • 성능 최적화 (1)
      • 디자인시스템 (0)
    • Python (53)
      • 모음집 (1)
      • 문법 (12)
      • 라이브러리 (15)
      • 알고리즘 (10)
      • 백준 문제풀이 (9)
      • 코딩테스트 (2)
      • 도구 (Tool) (3)
    • C++ (20)
      • 알고리즘 (6)
      • 삼성SW기출 (6)
      • 삼성 A형 (6)
    • 데이터사이언스 (1)
    • 인프라 (9)
      • 하드웨어 지식 (4)
      • Ansible (2)
      • Database (2)
      • 쉘스크립트 (1)
    • 주식 (0)
    • 취업 준비 (4)
      • 취업 이야기 (0)

블로그 메뉴

  • 홈
  • 태그

공지사항

인기 글

태그

  • 전공 요약 #네트워크
  • Next.js #graphql #tailwind.css
  • 기계식키보드 #nuphy
  • A형
  • C++
  • 삼성SW역량테스트
  • 개발자이직
  • 개발자취업시장
  • 25년도채용시장
  • 개발자이직회고
  • 면접
  • 알고리즘
  • 나의 해방일지
  • 언어
  • 티스토리챌린지
  • 오블완
  • 전공 요약 #데이터베이스
  • 전공요약
  • 백준
  • 삼성SDS

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
snowman95

코딩수련장

HTML/CSS 유용한 사이트 / 크롬 확장도구 모음
프론트엔드 개발/HTML CSS

HTML/CSS 유용한 사이트 / 크롬 확장도구 모음

2021. 9. 21. 14:26
728x90
반응형
사이트 이름 용도 사이트 주소
mdn 웹 개발 메뉴얼 https://developer.mozilla.org/ko/
validator.w3.org HTML 문법 검증기 https://validator.w3.org/#validate_by_input
css-tricks CSS 가이드 https://css-tricks.com/guides/
material.io CSS 색상 고르기 https://material.io/resources/color/#!/?view.left=0&view.right=0 
herocoin CSS SVG Icon 이미지 (Free) https://heroicons.com/
fontawesome CSS Icon 이미지 (Free) https://fontawesome.com/v5.15/icons?d=gallery&p=2&m=free 
google font Font (Free) https://fonts.google.com/
animista.net CSS Animation 참고용 https://animista.net/
flukeout CSS Selector 연습용 게임 https://flukeout.github.io/
codepip
(flexboxfroggy)
CSS Flexbox 연습용 게임 https://flexboxfroggy.com/#ko
codepip
(grid-garden)
CSS Grid 연습용 게임 https://codepip.com/games/grid-garden/
caniuse 브라우저 버전별 HTML/CSS 기능 사용가능 여부 확인 https://caniuse.com/

 

 

확장도구 이름 용도 확장도구 주소
page ruler redux 웹페이지의 pixel 크기 측정 https://chrome.google.com/webstore/detail/page-ruler-redux/giejhjebcalaheckengmchjekofhhmal/related?hl=ko 
color zilla 웹페이지의 색깔 알아내기 (color pick) https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp/related?hl=ko 
     
반응형
저작자표시 비영리 동일조건 (새창열림)

'프론트엔드 개발 > HTML CSS' 카테고리의 다른 글

CSS Hack : 정확히 중앙에 위치 시키기 (space-between 대신)  (0) 2021.09.21
VSC(Visual Studio Code) HTML 단축키 모음  (0) 2021.09.21
BEM (Blocks, Elements and Modifier)  (0) 2021.09.21
CSS - inline, block, inline-block  (0) 2021.09.19
CSS - 텍스트 정렬, 간격 조절  (0) 2021.09.13
    '프론트엔드 개발/HTML CSS' 카테고리의 다른 글
    • CSS Hack : 정확히 중앙에 위치 시키기 (space-between 대신)
    • VSC(Visual Studio Code) HTML 단축키 모음
    • BEM (Blocks, Elements and Modifier)
    • CSS - inline, block, inline-block
    snowman95
    snowman95
    (17~19) Unity/Unreal Engine 게임 프로그래머 (20~21) System Administrator ___________ (22~) React 웹 프론트앤드 개발자 __________ 깃헙 : https://github.com/snowman95

    티스토리툴바