[반응형 웹] css media query 활용 기초

웹 화면을 보여주는 장치들이 매우 다양한 시대를 살다보니 화면의 크기나 내용물의 모양도 그만큼 다르게 표시해야 할 필요가  있습니다. 예를 들어 PC 화면에서만 보던 웹을 이제는 스마트폰, 태블릿, TV 등에서 보는 세상이 되니 각각의 기기에서 보기에 최적화된 화면으로 자동으로 변경되어 보이게 하는 것이 사용자 친화적인 웹사이트가 갖춰야 할 기본 사양이 되었습니다. 이렇게 장치에 따라 자동으로 다른 […]

Share the joy
  •  
  •  
  •  
  •  

[코딩]간단한 축구게임 만들기

코딩교육 열풍이 불 조짐이 보입니다. 코딩교육에 대한 수많은 사람들의 생각이 인터넷을 떠돌고 있는데요, 공통적인 것은 코딩교육이 디지털시대의 문제해결 능력 향상에 도움되는 일이라는 것입니다. 여기 간단히 축구공을 골대에 넣는 프로그램을 어떻게 짜는지 예제를 만들어 보았습니다. 이 예제는 http://code.org 사이트를 보고 생각이 나서 만들어 본 것입니다. 코딩을 시작하는 분들에게 약간의 도움이라도 되기바랍니다. 그리고 학생들이 이 기본적이고 허술한 […]

Share the joy
  •  
  •  
  •  
  •  

테이블 셀에 hover 시 열(column)에만 highlight 효과 주기

Document

Share the joy
  •  
  •  
  •  
  •