CSS 와일드카드 선택자 사용 가능 사용법 자체는 쉽고, CSS 에서도 되는게 재밌네 code *{color:green} 이런식으로 와일드카드 사용하면 <code>태그 안에 어떤 태그가 있어도 전부 green색상이 적용되는 원리. 실전에서 사용하면 굉장히 유용하지만 굉장히 위험요소도 많은 선택자다.
탭(tab) 공백 들여쓰기 code 간격 줄이는법 pre{ tab-size:4; } 해당 코드를 css에 삽입하면 끝, pre로 코드 나열하면 탭 친 부분만 줄어들어서 표현됨 아무 설정하지 않으면 기본 tab-size가 8로 돼있
외부링크 nofollow 속성 다른색 구분 새탭 아이콘 워드프레스 에디터로 새탭열기, nofollow 속성을 추가한 뒤, 해당 속성을 CSS로 선택해 색과 아이콘을 구분하는 방법과 코드 설명
메뉴 토글 CSS 키보드 포커스 테두리 키보드 토글 포커스 메뉴 네비게이션 같은 경우, 아무 속성 설정 안하고 키보드로 탭탭해보면, 토글 꺼져있을때도 활성화돼서 한참을 탭 해야함. 접근성을 위해 해당 요소에 기본적으로
워드프레스 유저 이메일 강제변경 이메일 안 쓰거나 오류 등 여러 사유로 정상적인 이메일 확인 과정 생략하고 강제변경해야할 때. MariaDB, MySQL 등 DB 관리 접속, 아래 명령어로 이메일 확인. SELE
AWS SES 가입시 문제해결 리스트 기본적인 과정은 공식 Amazon Simple Email Service 페이지에서 시작하고 하라는대로 하면 됨, 말 할 가치 없고(쉬움) 조심할것도 없어서 생략. 설정중에 'MAI
오토핫키 현재 언어 감지 한영 자동 전환 아래 코드를 넣으면 현재창 한영키를 감지하는 기능이 활성화됨. 이하 등장하는 모든 스니펫들을 사용하기 위해선 ↓ 이 코어가 장착 돼 있어야 함. ; IME vk15sc138 cor
애드센스 대체광고 구현 초고속 우선 애드센스 공식으로 설명하는 방법이기 때문에 정책 걱정 안해도 됨. 방법은 간단하다, 기존 애드센스 코드의 </ins>바로 위에 아래처럼 원하는 대체 광고 링크 및
PageSpeed 렌더링 차단 리소스 CSS 해결 실제 부정적 렌더링 차단 리소스 아니고, 사이트의 유일한 메인 CSS를 하나만 등록해도 PageSpeed Insights는 다음과 같은 경고 줌 렌더링 차단 리소스 제거하기 절감
하나의 Memcached 키 호출 분리자 파트 캐시 기법 한 템플릿 안에서 위치랑 순서가 중요해 반드시 파트를 분리해야 하는 경우가 있다, 예를 들어 <?php function get_cached_header($cache_key,
Cloudfare Response header 변경 서버단에서 응답헤더 정보를 변경하지 않고 클라우드 플레어 단에서 설정함으로서 이득을 볼 수 있음. 클라우드플레어 대시보드 → 'Rules' → 'Overview' → 'Respon