메뉴
작은 이야기 / 32 페이지
색상 원칙 2023-08-30 박형종
회전하는 시계 2 2023-08-28 박형종
세 시계 2 2023-08-27 박형종
제출답안 피드백 보기 2023-08-27 박형종
로그인 레이아웃 2 2023-08-08 박형종
1609개 ⊙ ◁ [31]32[33][34][35][36][37][38][39][40] ... [322] ▷ 

  


색상 원칙

글자 색상에 원칙을 정하고 개수를 최소화했다. 거의 변하지 않는 메뉴 등은 검정색, 자주 변하는 콘텐츠는 파랑색, 강조할 내용은 빨간색 또는 분홍색으로 나타냈다. 조금 더 화면이 깔끔해졌다.
박형종   2023-08-30 23:27   폴더 바다소[543]
 
회전하는 시계

시간기록 중일 때 시계가 돌아가도록 했다. 원래부터 그렇게 하고 싶었는데 시계가 회전될 수 있다고는 생각하지 못했었다. 저녁 먹고 메인 색상을 단순화하고, 시계를 ajax로 업데이트하는 작업을 했다. 그러다 시계를 회전시키는 일도 해보자는 의욕이 생겼다. 귀찮더라도 움직이는 이미지를 만들까하다가 css로 이미지를..   더보기
박형종   2023-08-28 21:26   폴더
황은결 박서우님이 이 글을 좋아합니다.
 
세 시계

로그인 했을 때 응원과 작은 이야기 영역 사이에 세 시계를 넣었다. 세 시계는 각각 2일 전, 1일 전, 오늘의 시간기록을 보여준다. 특별히 오늘 시계는 클릭했을 때 페이지를 새로고침 하지 않고도 현재의 시간기록 상황을 반영하여 회전하거나 멈춘다.

조금은 더 재밌고, 공부 의욕을 북돋는 레이아웃이 된 것 같다.
박형종   2023-08-27 23:55   폴더 바다소[543]
황은결 박서우님이 이 글을 좋아합니다.
 
제출답안 피드백 보기

제출답안에 대한 피드백이 있는 경우 메인 페이지에 체크 표시로 피드백을 확인할 수 있는 링크를 나타내었다. 메인, 수강과목, 예고편 페이지 등 총 세 군데에서 피드백 링크를 확인할 수 있다. 작업하는 김에 별, 시간기록, 응원 알림창도 깔끔하게 다듬었다.
박형종   2023-08-27 12:31   폴더 바다소[543]
 
로그인 레이아웃

스마트폰에서 로그인 양식 레이아웃이 어려웠다. 일단 입력창을 가운데 정렬하고 버튼은 오른쪽에 배치했다. 조금 어색해 보이지만 로그인 할 때 버튼을 클릭할 일은 거의 없기 때문에 적응하면 괜찮을 것 같다. 작은 이야기 목록 페이지도 깔끔하게 다듬었다.
박형종   2023-08-08 18:33   폴더 바다소[543]
황은결 김도경님이 이 글을 좋아합니다.


  


 
박형종 Legend 수업