본문 바로가기

전체 글

(33)
Nested Gradients with background-clip / background-clip (한글) 이 글은 아래 원문을 번역한 글로 의역이 있을 수 있습니다. 정확한 의미를 파악하고 싶으신 분은 원문을 참고해주시기 바랍니다. 원문: https://css-tricks.com/almanac/properties/b/background-clip/ https://css-tricks.com/nested-gradients-with-background-clip/ 저작권 정보: https://css-tricks.com/license/ ※ 번역전 사족 background 속성을 이용해 border에 gradation 을 주는 재미있는 글이 있어 가지고 와봤습니다. :) 해당 글을 이해하려면 background-clip 속성의 이해가 필요해서 이번에는 두개의 포스팅을 번역해봤습니다. 사실 border에 gradation..
Building A Dynamic Header With Intersection Observer (한글) 이 글은 아래 원문을 번역한 글로 의역이 있을 수 있습니다. 정확한 의미를 파악하고 싶으신 분은 원문을 참고해주시기 바랍니다. 원문: https://www.smashingmagazine.com/2021/07/dynamic-header-intersection-observer/ 저작권 정보: https://www.smashingmagazine.com/privacy-policy/ 빠른 요약 ↬ 뷰포트 내의 특정 임계값으로 스크롤할 때 페이지의 일부 구성요소가 요소에 응답해야 하는 UI를 구축해야 하는 경우 또는 뷰포트 자체 내부 및 외부 UI를 구축해야 하는 경우 자바스크립트에서, 스크롤에 콜백을 계속 발사하기 위해 event listener를 부착하는 것은 성능 집약적일 수 있으며, 현명하지 못한 방법으로 ..
Front-End Testing is For Everyone (한글) 이 글은 아래 원문을 번역한 글로 의역이 있을 수 있습니다. 정확한 의미를 파악하고 싶으신 분은 원문을 참고해주시기 바랍니다. 원문: https://css-tricks.com/front-end-testing-is-for-everyone/ 저작권 정보: https://css-tricks.com/translate-an-article/ 테스트는 당신을 매우 신나게 하거나 혹은 눈을 감고 외면하게 하는 것들 중 하나입니다. 당신이 어느 캠프에 들어갔든, 저는 당신에게 프런트엔드 테스트는 모두를 위한 것이라고 말하기 위해 왔습니다. 많은 종류의 테스트들이 있고, 아마도 이것이 진입장벽 중 하나일 것입니다. 저는 이 글에서 가장 유명하고 널리 사용되는 테스트들을 다루려고 합니다. 몇몇 분들에게는 새로운 것이 아닐 ..