CSS를 어떻게 확인할까, 개발자 도구 정리 영상

webp가 jpg나 png보다는 아무래도 리소스에 좀더 자유롭다보니, 즐겨 사용합니다만… 워드프레스 사이트 내의 플러그인을 사용하는건 좀더 무게감이 있는지라 저같은 경우는 PC 이미지뷰어인 꿀뷰를 사용해 webp로 변환을 시키는

코딩을 하다 보면 종종 아래처럼 줄 전체가 빈 공간인 코드를 보는 경우가 있습니다.   아래처럼..   이때 한 번에 삭제하는 방법이 있습니다. Ctrl + H를 눌러 바꾸기 패널을 활성화 합니다. 맥OS은 Cmd + H 입니다. 찾기 필드에 ^\s*\

https://beautifier.io/

바탕화면 휴지통을 고양이로 만드는 방법입니다.   휴지통 비었을 때:   휴지통에 파일이 들어 있을 때:   위 두 아이콘을 다운 받아서   1. 바탕화면 우클릭 -> 개인설정   2. 테마 -> 바탕화면 아이콘 설정    3. 바탕

Use Chat GPT 익스텐션을 사용하면 홈페이지에 접속 없이 무료로 GPT-4를 사용할 수 있습니다.   Use Chat GPT 익스텐션을 사용하면 복사-붙여넣기 없이 웹사이트 어디에서든 텍스트를 클릭하면 쉽게 작성, 재작성, 요약, 번역, 설명 또

https://pixlr.com/kr/   여긴 워낙 유명한 곳이라 아시는 분 많으실 거에요!!

여러분들은 이미지 최적화 어떻게 하시나요?   보통 이미지 최적화 플러그인 많이 사용하시던데요.   저는 플러그인이 많아지면 사이트 환경에 좋지 않아서   아래 url 에서 이미지 압축 후 업로드하고 있습니다.   아시는 분은

대부분의, 거의 모든 부분은 캐시 문제입니다.   파일 수정 이후에는 일단 Ctrl + Shift + R을 눌러 캐시 리프래싱을 해봅니다.   일반적으로 PC에서 다운로드된 캐시 문제라면 이 단계에서 해결됩니다.     근데 그럼에도 적용이

제이쿼리는 자바스크립트의 라이브러리 입니다.   라이브러리는 도서관이죠? 그런 의미가 맞습니다. 실제로 어떤 라이브러리든 간에 그 내용 자체가 자주 사용하는 코드를 가공해서 뭉쳐둔(?) 편하게 사용하라고 만든 일종의

아이프레임 말고 윈도우 팝업. window.open(‘팝업주소’, ‘팝업창 이름’, ‘팝업창 설정’); target=”_blank” : 새창, 비워두면 기본값 target=”_parent” : 부모창 target=”_self” : 현재 페이지 target=”_top” : 현재 페이지에서의 최상의 페이지에서 오픈 – Y

고해상도를 받으려면 절차가 필요하긴 하지만..   가볍게 쓰기에는 굉장히 유용하게 사용중인 누끼 사이트입니다!   https://www.remove.bg/ko

CSS로 3D효과를 만들 때 유용하게 사용되는 사이트입니다.   https://neumorphism.io/     border-radius: 50px; background: #e0e0e0; box-shadow: 20px 20px 60px #bebebe, -20px -20px 60px #ffffff;           시간을 아끼게 도와주는 유용한 사이트입니다 🙂