전체 글285 CSS 반응형 웹을 만들기 위한 Media Query 기초 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 신문을 보는 것 같은 레이아웃 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, Flex 기타 속성들 이 포스팅은 PC로 작성되었습니다. 모바일로 보시 gogogameboy.tistory.com 반응형 웹이란? 반응형 웹사이트란 컴퓨터처럼 가로가 긴 화면으로 봤을 때와, 가로가 좁고 세로가 긴 모바일 화면으로 봤을 때, 각각 다른 인터페이스를 보여주는 웹사이트를 말합니다. 이 블로그 또한 반응형 웹사이트이죠. 오늘은 그런 웹사이트를 만들기 위한 Media Query의 기초를 공부해보겠습니다. @medi.. 2021. 1. 6. 14:51 티스토리 블로그 CSS로 폰트 변경하는 방법 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 오늘은 티스토리 블로그의 폰트 글꼴과 사이즈를 변경하는 방법을 알아보겠습니다. CSS 폰트 사이즈는 rem 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 선택자 공부 사이트, 같이 풀어봅시다. (feat. flukeout.github.io) 이 포스 gogogameboy.tistory.com 제 블로그의 CSS 카테고리에 위와 같은 글이 있습니다. 대충 요약하자면 '웹페이지 사용자의 편의를 위해 폰트의 단위는 픽셀(px)을 쓰는 것보다 rem을 쓰는 것이 좋다'라는 것인데, 이 블로그 말고 저의 메인 블로그가 스킨 편집.. 2021. 1. 6. 12:30 CSS 신문을 보는 것 같은 레이아웃 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, Flex 기타 속성들 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, Holy Grail Layout 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 gogogameboy.tistory.com 지난 포스트에서는 가장 이상적인 웹페이지 레이아웃인 Holy Grail Layout과 유용한 기타 속성들을 공부했습니다. 오늘은 웹페이지를 신문처럼 꾸미는 Multi column에 대해서 공부해보겠습니다. Multi column Lorem ipsum dolor sit amet consectetur, adi.. 2021. 1. 5. 13:17 1일 5포스팅은 쉬운 일이 아니었다.. 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 2020년 12월 26일부터 1일 3포스팅~5포스팅 시작 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 블로그 주제 변경합니다. 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들 gogogameboy.tistory.com 위의 포스팅을 올린 지 이제 막 일주일이 넘어가는 시점에서 계획을 약간 변경할까 합니다. 저의 메인 블로그까지 포함해서 하루에 최소 3포스팅을 할까 합니다. 저의 메인 블로그는 메인 블로그대로 따로 관리하면서, 이 블로그만 하루에 3포스팅 이상 하려니 너무 시간이 부족하네요. 그래도 초반에는 기세 좋게 이 블로그에.. 2021. 1. 5. 09:51 CSS, Flex 기타 속성들 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, Holy Grail Layout 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, flex-basis와 grow 그리고 shrink 이 포스팅은 PC로 작성되었습니다. 모바 gogogameboy.tistory.com 지난 포스트에는 플렉스 Flex를 이용한 Holy Grail Layout을 잡는 방법을 배웠습니다. 이번에는 Flex의 미처 다 설명하지 못한 여러가지 유용한 속성들을 배워보겠습니다. !DOCTYPE html 에러 !DOCTYPE html 이 포스팅은 PC로 작성되었습니다. 모바일로 보시.. 2021. 1. 4. 16:23 신비한 바다의 나디아 OP, BLUE WATER 가사 번역・발음 필자가 직접 번역한 포스팅입니다. 다른 사이트로의 링크는 허용하지만, 그대로 복사해서 다른 곳에 붙여넣기를 하는 행위는 금하고 있습니다. 돈 없이 유학을 다녀온 이야기 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 정보를 제공하는 포스팅에는 주로 이야기를 하듯이 경어체를 쓰지만, 이 포스팅은 mystee.tistory.com 일본 유학으로 습득해온 일본어 능력으로 직접 번역하는 글입니다. 타 블로그에서는 많은 곡들을 번역해왔지만, 이 블로그에서는 세 번째 곡이네요. 오늘은 신비한 바다의 나디아 ふしぎの海のナディア의 오프닝 테마인 BLUE WATER ブルーウォーター를 번역해보겠습니다. 여담이지만 국내에서는 '신비한 바다의 나디아'라는 제목으로 방.. 2021. 1. 4. 14:29 CSS, Holy Grail Layout 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, flex-basis와 grow 그리고 shrink 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 웹사이트 레이아웃 기초 이 포스팅은 PC로 작성되었습니다. 모바일 gogogameboy.tistory.com 이번에 배울 내용은 지금까지 배워온 모든 것들을 총망라해서 가장 이상적인 웹페이지의 레이아웃을 잡는 방법을 배워보겠습니다. 가장 이상적인 웹페이지 레이아웃 생활코딩 html css javascript Lorem ipsum dolor sit amet consectetur, adipisicing el.. 2021. 1. 3. 16:50 CSS, flex-basis와 grow 그리고 shrink 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 웹사이트 레이아웃 기초 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 포지션 fixed 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분 gogogameboy.tistory.com 지난 포스트에서는 웹사이트의 레이아웃을 잡는 플렉스 flex의 기초를 배웠습니다. 이번에는 조금 더 구체적인 내용을 공부해보겠습니다. flex-basis 1 2 3 4 5 위의 소스 코드는 PC에서 드래그 후, ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다. ctrl+c(복사)는 불가능합니다. .item:n.. 2021. 1. 3. 13:16 CSS 웹사이트 레이아웃 기초 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 포지션 fixed 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 포지션 absolute 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 gogogameboy.tistory.com 어제는 CSS의 포지션과 관련된 속성들만 세번의 포스팅을 통해 세가지를 공부해보았습니다. 오늘부터 공부해볼 주제는 플렉스 Flex입니다. 생활코딩의 강의 영상에서는 자꾸 플럭스라고 발음을 하시는데 잘못 읽으신 것 같습니다. ㅎㅎ 표를 만드는 table 태그 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가.. 2021. 1. 3. 09:19 이전 1 ··· 25 26 27 28 29 30 31 32 다음
