[퍼블리싱] TIP

개발일기·2021년 11월 29일

브라우저 캐시 지우기
IE : CTRL + F5
크롬 : CTRL + F5 / Shift + F5
크롬(맥) : Cmd + Shift + R
사파리 : Shift + 새로고침 클릭(마우스)
오페라 : Ctrl + F5 / Shift + F5

자주 쓰는 프로그램
OpenWax(크롬 확장프로그램) : 웹 접근성 위배사항 검사 프로그램
HTML Validator : HTML 마크업 유효성 검사

가운데 정렬은 margin:0 auto로 설정
좌우 여백을 동일하게 잡아준다.
display:inline-block 설정이 있는 경우에는 적용이 안된다.
한줄 텍스트 경우에는 span / 여러줄일 때는 p태그 사용

lighthouse : 구글에서 제작한 웹 품질개선 라이브러리

https://nuli.navercorp.com/ :널리 - 네이버 웹접근성 사이트
https://www.wah.or.kr:444/Accessibility/gov.asp : 웹접근성 연구소
https://developers.kakao.com/ : 카카오 개발자 사이트
https://placeholder.com/ : 샘플이미지 제공사이트 , 사이즈 , 크기 지정
https://www.toptal.com/developers/webdevchecklist : 웹개발자 체크리스트 사이트
https://unminify.com/ : JavaScript, CSS, HTML, XML 및 JSON 코드를 압축 해제 사이트

CSS 관련
https://css2sass.herokuapp.com/ : CSS -> SASS 변환해주는 사이트
https://easings.net/ : CSS 애니메이션 효과 샘플 사이트
https://www.cssportal.com/css3-text-shadow-generator/ : text-shadow generator(글자 그림자 효과 생성기)
https://www.cssmatic.com/box-shadow : box-shadow generator(박스 그림자 효과 생성기)
https://www.themeshock.com/css-drop-shadow/ : drop-shadow generator(드롭쉐도우 효과 생성기)
https://www.colorzilla.com/gradient-editor/ : Gradient generator(그라데이션 생성기)
https://animate.style/ : CSS 애니메이션 예제 사이트
JS 관련
bxslider(bx슬라이더) : https://bxslider.com/
fullpage(페이지 스크롤 효과) : https://alvarotrigo.com/fullPage/ko/

W3C Markup Validation Service : html5 표준문법 검사 사이트(https://validator.w3.org/)

CSS Validation Service : CSS 유효성 검사 사이트(https://css-validator.kldp.org/)
W3C mobileOK 검사 : 모바일 친화성 수준 검사(https://dev.w3.org/2008/mobileok-webui/)