일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 이미지색상반전
- json-server 서버설치
- js Array 내장함수
- 키보드 타이핑 효과
- 이미지에 다중링크걸기
- jqueryplugin
- 이미지에 링크여러개
- 텍스트색상반전
- Array 내장함수
- niceselect사용법
- 이미지에 링크여러개걸기
- iCalendar
- select플러그인
- vue 카카오 Maps API
- 텍스트서식태그
- 자바스크립트 변수 차이점
- node메일보내기
- 모바일 사용자를 위해 올바른 HTML input type
- node.js이메일보내기
- 카카오 Maps
- node.js 로그관리
- json-server 사용하기
- plugin
- 의미있는태그
- 카카오 Maps API
- vue Maps API
- 텍스트입력 라이브러리
- 변수선언방법
- TypeIt
- 이미지반전css
- Today
- Total
ㅇㅅㅇ
의미없는 태그와 css로는 시각적으로 강조하는 모양은 만들 수 있으나 검색엔진과 시각장애인에게 의미는 전달할 수 없다. 검색엔진 최적화(SEO)와 시각 장애인들이 스크린 리더기를 통해 웹 사이트를 이용하는데 도움이 될 수 있도록 명확한 정보전달을 위해 의미전달이 필요한 콘텐츠가 있다면 거기에 맞는 의미있는 태그(Semantic Tag)를 사용해야 한다. 이번 글에는 의미있는 태그(Semantic Tag) 태그에 대한 개념과 효과 텍스트에 적용할 수 있는 의미있는 태그 만 정리해본다. 의미있는 태그(Semantic Tag) 사람과 기계가 읽을 수 있는 방식으로 의미를 명확하게 설명하는 요소를 말한다. 의미있는 태그를 사용하면 아래와 같은 효과을 얻을 수 있다. 검색엔진 최적화 SEO (Search engi..
유튜브를 둘러보다 발견한 자바스크립트 라이브러리 중 하나 키보드 타이핑 효과를 주는 자바스크립트 라이브러리 TypeIt TypeIt The most versatile JavaScript typewriter effect library on the planet. www.typeitjs.com 공식문서에서 말하는 장점으로는 ~4kb의 저용량 의존성 없음 매우 유연한 API SEO 친화적 을 들고 있다. *기본사용방법 여기에 지우고 다시 입력되는 등등의 옵션도 추가할 수 있다. 참고할 결과물은 아래와 같다. (코드펜에 더 좋은 예시가 많이 있으니 필요하면 그쪽을 참고하시길...) *etc 공식문서 하단에 보면 개인 및 오픈소스에는 무료지만 상업적 이용은 유료라고 한다. 용도(?)에 맞춰 잘 사용하자. 알기만 하..
최근에 효과에 관심이 많아져서 찾아보게 되었다. 이미지 혹은 텍스트가 겹칠 때 겹치는 부분이 반전효과로 구분되면 좋겠다 싶어서 찾아봤다. mix-blend-mode라는 혼합모드 설정하는 css를 사용하는 간단한 방법이 있었다. 많은 효과(?)가 있는데 그 중에서 나는 아래것을 사용해 봤다. mix-blend-mode: difference; 적용 전 적용후 (개인작업 중인 페이지에서 캡쳐해왔다.) 비교해보면 알겠지만 겹치는 부분끼리 혼합이 일어났다. (모질라 사이트에서 캡쳐해옴) mix-blend-mode는 여러 효과가 있으니 보고 필요한 효과를 사용하면 될 것 같다. 참고 : https://brunch.co.kr/@skykamja24/524 내가 찾던건 아니지만 알아두면 좋을 것 같아서 모아봤다. fil..