JS 없이 HTML로만 JS 효과를 내는 태그들
제 아이디어는 아니고요 ㅎㅎ 유익한 유튜브 영상이 있어서 공유할까 합니다.
- details 태그로 펼치기/접기
- progress 태그로 프로그레스바 표현
- meter 태그로 미터기? 암튼 온도계 같은 거 표현
- picture 태그로 미디어쿼리를 거쳐 각기 다른 해상도의 이미지 보여주기
- datalist 태그로 자동완성 구현하기 헐...
이런 걸 왜 이제 알았는지... html이나 css에 잘 알려지지 않은 꿀 기능들이 더러 있는 것 같습니다.
윤삼
Lv. 19
아무래도 중급 초반 수준의 코딩 오타쿠인 것 같습니다.
댓글 11
이게 다 딱따고기님이 미리 팁을 안 알려주신 때문ㅋㅋㅋㅋ
저는 jquery의 자동완성 플러그인을 썼었는데, 암튼 한글 형태소 단위 입력 때문에 별도의 라이브러리를 사용하고 막 복잡하게 접근했던 기억이 있습니다.
방금 테스트해보니 한글도 잘 됩니다!
다만, 초성만으로 자동완성검색이 되진않네요
그래도 글자 단위라도 자동완성이 자동으로 되는 게 어디예요ㅎㅎ
.comment_list:before, :target:before {
content: "";
display: block;
height: 80px;
margin-top: -80px;
visibility: hidden;
}
라는 게 걸린 걸 보고 입이 떡 벌어졌던 기억도 있네요.
어쩐지 댓글 링크 타면 상단 메뉴바 높이 계산하면서 잘 이동한다 싶었었는데 말이죠ㅎㅎ
좋은정보감사합니다!!