html (2) 썸네일형 리스트형 Semantic tag에 빠지게 되는 이유 옛 취미에서 새로운 취미로 아주 옛날 PHP, MySQL로 웹 게시판을 만드는 취미(라기 보다는 모방)을 가졌지만 이제는 AI를 통해 간단한 웹사이트를 제작해 보는 것이 취미이다. 그런데 요즘 Semantic HTML이라는 것에 빠져 있다. 이유는 가독성이 향상되고 구글봇, 예티와 같이 기계들도 읽어내기 쉬워지기 때문이다. 그런 의미에서 요즘 알게 된 Pico CSS Framework도 마음에 든다. 일단 Semantic HTML을 작성해 놓으면, 따로 class를 지정하지 않아도(classless css framework) 적당히 예쁘게 웹 사이트를 꾸며준다. 작은 사이드 프로젝트를 하는데, 어느 정도 미관을 위해 CSS를 만지다 보면 하루가 훌쩍 지나가기 일쑤이기 때문이다. 모바일 중심의 웹 환경 .. 자주 사용하는 HTML CSS, Javascript 꿀팁 요즘 웹앱, 웹서비스를 공부하면서 알게 된, 꿀팁을 공유하고자 한다. 비전공자 입장에서는 이런 꿀팁들을 모아서 실제로 내 사이드 프로젝트에 적용해보는 재미가 있다. 사용해봐도 제대로 적용이 안된다면 caniuse 사이트를 이용해 사용중인 브라우저가 지원을 하는지 확인해볼 필요가 있다. 최신 꿀팁 태그1. 사용자의 해상도에 따라 크기가 다른 이미지를 불러오기 반응형 웹 디자인에서 다양한 화면 크기와 디스플레이 해상도에 맞는 이미지를 제공하기 위해 사용 된다. 이 요소를 사용하면 브라우저에서 디바이스의 뷰포트 크기와 해상도에 따라 가장 적합한 이미지를 선택하여 로드할 수 있다. 또 불필요한 이미지 다운로드를 방지하고, 사용자 경험을 향상시킬 수 있다. 2. 이미지 프리로딩 이미지 프리로딩은 웹페.. 이전 1 다음
