전체보기 879
웹디자인 포트폴리오 참고 사이트
웹디자인 포트폴리오 제작 시 참고하기 좋은 사이트들을 몇 가지 알려드립니다. 1. GDWEB DESIGN AWARDS https://www.gdweb.co.kr/main/ 굿디자인웹 국내 최우수 웹디자인 선정, 웹사이트. 굿디자인웹 www.gdweb.co.kr 굿디자인 웹 굿디자인 웹에서는 주로 한국의 웹디자인 트렌드를 알 수 있습니다. 어워드라고 쓰여있는 만큼 얼마나 웹 표준을 잘 지켜 웹디자인을 했는지 심사하기 때문에 코드를 참고하기에도 좋은 사이트들을 많이 볼 수 있어요. 또한 에이전시의 순위도 확인할 수 있습니다. - 자세히 알아보기 2. Awwards https://www.awwwards.com/ Awwwards - Website Awards - Best Web Design Trends Awww..
카카오뷰 보드 썸네일 크게 만드는 방법
카카오 뷰 이제는 다들 시작하신 것 같아요. 아직은 초기라 저도 헤매고 있는지라 팁을 조금씩 공유해봅니다. 1. 카카오뷰 창작센터 https://creators.kakao.com/ 카카오 뷰 창작센터 카카오가 만드는 쉽고 편리한 창작 creators.kakao.com 보드 먼저 카카오뷰 창작센터에서 보드 메뉴에 들어와 새 보드를 만들어줍니다. 자세한 방법은 아래 포스팅을 참고해주세요. ▼ 카카오뷰 보드 발생 방법 [tip/여러가지 팁] - 카카오뷰 pc에서 보드 발행 카카오뷰 pc에서 보드 발행 얼마 전까지 카카오 뷰는 모바일 서비스만 지웠했었는데 최근에 들어가 보니 pc에서도 보드 발행이 가능해졌길래 pc에서 보드 발행을 해볼게요. 1. 카카오 뷰 창작센터 https://creators.kakao.co..
개발자 도구 이용해 CSS를 효과적으로 보는 방법
개발자 도구에서 CSS를 정리해서 볼 수 있는 방법이 있다는 것 알고 계시나요? 1. 개발자 도구 켜기 개발자 도구 일단 개발자 도구가 무엇이냐면 위의 이미지처럼 코드를 확인해볼 수 있는 창입니다. 내가 짠 코드를 확인해보거나, 다른 사이트의 벤치마킹을 할 때도 주로 사용합니다. - 검사 어떻게 켜느냐. 개발자 도구를 사용할 화면에서 [오른쪽 클릭 > 검사] 메뉴를 선택하면 개발자 도구 창이 뜹니다. 단축키로는 [Ctrl + Shift + I], [F12]를 눌러도 개발자 도구를 열 수 있습니다. 다만 개발자도구의 사용이 막혀있는 페이지에서는 열리지 않을 수 있으니 참고해주세요. 2. CSS Overview 설정 CSS Overview는 CSS의 전체적인 스타일을 확인할 수 있는 기능입니다. 개별적으로 ..
노션 기초 토글 단축키
노션에 삼각형 모양을 누르면 내용이 접혔다가 펴지는 기능이 있죠? 그 친구가 토글인데 단축키로 쉽게 사용하는 방법을 알려드리겠습니다. 1. 토글 토글 위의 이미지처럼 글자 옆에 삼각형 아이콘이 있는 것이 토글입니다. 아래로 향하면 열려있는 것이고 오른쪽으로 향해있으면 접혀있는 상태입니다. 안쪽에 글을 작성한 뒤 토글을 접으면 보이지 않게 됩니다. 글이 길어지면 제목 아래의 본문은 토글 안쪽에 넣어 감춰둘 수 있습니다. 전체 내용이 깔끔하게 보여서 자주 사용하는 방법입니다. ▼ 단축키 없이 사용하는 방법은 아래 포스팅을 참고해주세요. [Design/iPad] - 노션 구분선 단축키 노션 구분선 단축키 노션에서 구분선을 만들어보겠습니다. 노션 https://www.notion.so/ Notion – 메모, ..
노션 사용법 - 캘린더 속성 보이게 만들기
사실은 캘린더에 색을 넣어보고 싶었지만 찾지 못해서 차선책으로 사용하고 있는 방법입니다. 혹시 캘린더에서 스케줄을 자체적으로 색을 넣어 구분하는 방법을 아신다면 댓글로 알려주세요. =) 1. 캘린더 만들기 + 버튼 클릭 캘린더를 꾸며주려면 일단 캘린더가 있어야겠죠. 노션에서 왼쪽에 나오는 + 버튼을 클릭해주세요. - 캘린더 인라인으로 선택 스크롤을 내려 캘린더 데이터베이스 - 인라인을 선택합니다. 블록이 아니라 인라인을 선택해주셔야 페이지 내부에 들어갑니다. 2. 태그 추가 항목 추가 캘린더를 만들었으니 일정을 추가해봅니다. 아무 일정이나 일단 적어주었습니다. 칸 왼쪽 위에 나오는 +버튼을 클릭하시면 쉽게 일정을 추가할 수 있습니다. - 겹쳐진 일정 일정을 정리하다보면 위의 이미지처럼 여러 일정이 겹쳐진..