GN⁺ 2024-09-05 | parent | ★ favorite | on: CSS @property와 새로운 스타일(ryanmulligan.dev)
Hacker News 의견
  • 새로운 개념을 접할 때 뇌가 저항하는 느낌을 받음

    • MDN 기사 읽기를 추천함
    • @property를 직접 사용해보며 이해할 필요가 있음
    • 복잡한 UI 구현 시 JS 의존성을 최소화하는 것이 중요함
  • 웹 개발자는 아니지만 기본적인 웹 프레임워크 사용 가능함

    • CSS가 처음 나왔을 때 기억함
    • 첫 번째 코드펜 예제의 CSS가 이해되지 않음
    • 스타일링 시스템에 미니 애니메이션 프로그래밍 언어가 필요한지 의문
    • JavaScript로도 가능하지 않을까 생각함
  • 최근 CSS 작업, 특히 Houdini에 대해 흥미를 느낌

    • IE 5.5 기능 책을 받았을 때와 비슷한 느낌
    • CSS에 새로운 기능들이 추가되었지만 기본적인 것들이었음
    • IE 개발자들은 JS 코드를 모듈로 만들어 CSS로 요소에 붙일 수 있었음
    • 이제 다시 그런 기능들을 얻고 있음
  • 가능하다고 해서 꼭 해야 하는 것은 아님

    • 밝은 파란색 LED가 처음 나왔을 때 모든 하드웨어에 사용되었지만 사용자에게는 가치가 없었음
  • CSS 애니메이션으로 할 수 있는 것들이 마법처럼 느껴짐

    • CSS만을 위한 것이어서 배우기 어렵고 개념화하기 어려움
    • JS로 프로그래밍하는 것이 더 쉬움
    • CSS flex 사용 옵션이 많아 어려움을 겪음
  • 기술적으로 흥미로운 데모지만 버튼을 이렇게 애니메이션하지 말아야 함

    • 모든 것이 보라색 그라데이션 테두리를 추가하고 애니메이션하려고 함
    • 가능하다고 해서 꼭 해야 하는 것은 아님
    • 이런 스타일을 제거하기 위해 맞춤 CSS를 작성하는 것이 지침
  • 이전 제출물들은 주목받지 못했지만 흥미롭고 교육적임

  • 이 웹사이트가 기쁨을 줌

    • CSS를 만지작거리는 것을 항상 좋아했음
    • 웹 개발 경력을 쌓으며 많은 사람들이 CSS를 싫어한다는 것을 배움
    • HTML+CSS를 탐구하고 실험하는 데 많은 시간을 쏟음
    • 대부분의 사람들이 시간 낭비라고 생각할 것임
    • 이 사이트가 하루를 즐겁게 해줌
  • CSS 작업을 즐기지만 동료들이 어려움을 겪는 것을 봄

    • Kevin Powell의 YouTube 채널을 강력히 추천함
    • 등록된 속성에 대한 유용한 기능을 설명하는 비디오가 있음
    • 비디오 링크
    • 등록된 속성을 쉽게 설명하는 기사도 있음
    • 기사 링크
  • 웹 개발을 한동안 하지 않았고 이 기능이 무엇을 하는지 이해하는 데 시간이 걸림

    • 기사가 잘 설명하지 못했다고 생각함
    • 새로운 기능이 @property --gradient-angle {...} 블록에서 정의된 값을 사용하게 함
    • inherits: false; 부분이 무엇을 하는지 명확하지만 왜 필요한지 이해하지 못함
    • CSS 선택자가 이미 상속을 제어할 수 있는데 왜 두 번째 장소에서 제어해야 하는지 의문
    • @property 블록에서 타입을 정의해야 하는 이유를 이해하지 못함
    • 브라우저가 @property가 사용된 곳을 보고 타입을 추론할 수 없을까 생각함