바다소?작은 이야기북마크메뉴
작은 이야기 / 박형종 / 14 페이지
가장 단순한 페이지 2 2023-09-02 박형종
수업 모듈 색상 1 2023-08-31 박형종
색상 원칙 2023-08-30 박형종
회전하는 시계 2 2023-08-28 박형종
세 시계 2 2023-08-27 박형종
1272개 ⊙ ◁ [11][12][13]14[15][16][17][18][19][20] ... [255] ▷ 

  


가장 단순한 페이지

시간기록이 없는 가장 단순한 바다소의 모습. 역시 단순한 것이 아름답다.
박형종   2023-09-02 09:39   폴더 바다소[457]
박성민 박시원님이 이 글을 좋아합니다.
 
수업 모듈 색상

색상 개수를 줄이는 차원에서 수업 모듈 색상도 바꿨다. 수업 전에는 파란색, 수업 후에는 흰색, 다음날 수업은 회색이다. 조금 더 세련된 디자인이 된 것 같다.
박형종   2023-08-31 21:15   폴더 바다소[457]
박시원님이 이 글을 좋아합니다.
 
색상 원칙

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

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

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

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


  


 
구독 46명