CSS 속성, 진짜와 가짜를 구별하는 게임!
CSS 속성 진위 여부를 맞추는 온라인 게임(Online Game)이 등장하여 개발자들의 흥미를 유발함
600개 이상의 CSS 속성 중 가짜 속성(Fake Properties)을 구분하는 것이 목표임
'backface-visibility'와 같은 실제 속성은 존재하지만, 'scroll-direction'과 같은 가짜 속성도 존재하여 혼란을 야기함
CSS 속성 게임의 특징
해당 게임은 CSS 속성의 진위 여부(Authenticity)를 판단하는 간단한 방식으로 진행된다. 개발자들은 제시된 CSS 속성이 실제 존재하는지, 아니면 허구인지 빠르게 판단해야 한다. 게임은 총 20라운드로 구성되며, 난이도가 점차 높아져 CSS 스펙(CSS Spec)에 대한 깊이 있는 이해를 요구한다. 특히, 실제 존재하는 속성과 유사하게 만들어진 가짜 속성들이 혼란을 가중시킨다.
CSS 속성 명명 규칙의 중요성
게임에서 제시되는 가짜 CSS 속성들은 실제 속성과 유사한 명명 규칙을 따른다. 이는 CSS 속성 명명 규칙이 직관적이지 않음(Not Intuitive)을 보여주는 단적인 예시이다. 예를 들어, 'backface-visibility'와 같이 실제 존재하는 속성은 3D 변환(3D Transformation)과 관련된 속성으로, 개발자가 예상하기 어려운 명칭을 가지고 있다. 이러한 특성은 CSS 학습의 어려움을 더한다.
커뮤니티 반응 및 학습 효과
커뮤니티에서는 게임의 재미(Fun)와 학습 효과(Learning Effect)에 대한 긍정적인 반응이 주를 이룬다. 특히, 실제 CSS 속성과 가짜 속성을 비교하며 CSS 스펙에 대한 이해도를 높일 수 있다는 점이 강조된다. 또한, 게임을 통해 CSS의 숨겨진 기능(Hidden Features)을 발견하고, CSS 관련 지식(CSS Knowledge)을 더욱 확장할 수 있다는 의견도 제시된다.
