전체 글285 비주얼 스튜디오 코드 VSC, 코드 경량화 minify 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. CSS 코드 경량화 minify 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, link와 import 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분 gogogameboy.tistory.com 웹사이트를 만들 때 코드 경량화 minify를 하는 것은 로딩 속도에 많은 도움을 줍니다. 코드 경량화란 무엇인지, 왜 하는 것인지에 대한 자세한 내용은 위의 포스트를 확인해주시기 바랍니다. 코드 경량화 minify는 어떻게 하는 것인지 검색을 해보면 대부분 코드 경량화를 해주는 웹사이트를 소개합니다. 그렇게 코드 경량화.. 2021. 1. 14. 11:56 비주얼 스튜디오 코드 VSC 자동 줄바꿈 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 메모장보다 훨씬 편리한 코드 에디터 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 a 태그를 이용해 간단한 웹사이트 만들기 이 포스팅은 PC로 작성되었습 gogogameboy.tistory.com 블로그의 html 카테고리에 위와 같은 글을 작성하면서 아톰 Atom이라는 코드 에디터와 현재 제가 사용하고 있는 요즘의 대세인 비주얼 스튜디오 코드 Visual Studio Code를 소개한 적이 있습니다. 이번의 포스팅에서는 그 비주얼 스튜디오 코드의 좀 더 편리한 코딩 환경을 위해 자동 줄바꿈이 되게 설정하는 법을 알아보겠습니다.. 2021. 1. 14. 09:09 CSS, link와 import 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 트랜지션으로 좀 더 역동적이고 고급스러운 느낌 주기 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 gogogameboy.tistory.com/109 지난 포스트에 이어서 이번에도 트랜지션의 다른 gogogameboy.tistory.com 이번에 공부할 내용은 웹사이트를 만들 생각을 하고 계시는 분들에게는 정말 중요한 내용입니다. 우리는 지금까지 HTML 파일의 태그 안에 있는 안에 CSS 코드를 작성해왔습니다. 그런데 실제로 이렇게 웹사이트를 만들게 되면 사이트에 웹페이지가 점점 늘어날수록 CSS 코드를 바.. 2021. 1. 13. 13:53 카드캡터 사쿠라 2기 ED, Honey 가사 번역・발음 필자가 직접 번역한 포스팅입니다. 다른 사이트로의 링크는 허용하지만, 그대로 복사해서 다른 곳에 붙여넣기를 하는 행위는 금하고 있습니다. 지난 포스트 카드캡터 사쿠라 2기 OP, 문을 열고 扉をあけて 가사 번역・발음 필자가 직접 번역한 포스팅입니다. 다른 사이트로의 링크는 허용하지만, 그대로 복사해서 다른 곳에 붙여넣기를 하는 행위는 금하고 있습니다. 지난 포스트 카드캡터 사쿠라 1기 ED, Groovy! 가사 gogogameboy.tistory.com 돈 없이 유학을 다녀온 이야기 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 정보를 제공하는 포스팅에는 주로 이야기를 하듯이 경어체를 쓰지만, 이 포스팅은 mystee.tistory.com 돈 .. 2021. 1. 13. 12:30 CSS 트랜지션으로 좀 더 역동적이고 고급스러운 느낌 주기 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 트랜지션 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 gogogameboy.tistory.com/108 오늘 공부할 내용은 트랜지션 transition입니다. 생 gogogameboy.tistory.com 지난 포스트에 이어서 이번에도 트랜지션의 다른 효과를 공부해보도록 하겠습니다. transition-timing-function TRANSITION 위의 소스 코드는 PC에서 드래그 후, ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다. ctrl+c(복사)는 불가능합니다. Ceaser - CSS .. 2021. 1. 13. 09:31 CSS 트랜지션 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 트랜스폼 중심축 바꾸기 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 트랜스폼 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들 gogogameboy.tistory.com 오늘 공부할 내용은 트랜지션 transition입니다. 생뚱맞게 이미 이전의 생활코딩 CSS 강의 영상에서 3번이나 등장했던 transition이 이제서야 나오네요. 복습하는 마음으로 다시 공부해보겠습니다. transition Click 위의 소스 코드는 PC에서 드래그 후, ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가.. 2021. 1. 12. 11:52 CSS 트랜스폼 중심축 바꾸기 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 트랜스폼 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 믹스 블렌드 모드 이 포스팅은 PC로 작성되었습니다. 모바일로 보시 gogogameboy.tistory.com 지난 포스트에 이어서 이번에도 계속해서 트랜스폼을 공부하겠습니다. 그런데 생활코딩의 이번 강의 영상에는 오류가 하나 있습니다. 그 오류를 해결하는 방법까지 알려드리겠습니다. 이 강의 영상의 6분 9초부터 보시면, 이동시킨 중심축에서부터 transform의 효과는 나타나지만, 중심축이 고정이 되어있지 않고 transform의 효과가 나타나.. 2021. 1. 12. 09:44 CSS 트랜스폼 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 믹스 블렌드 모드 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 블렌드 모드 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분 gogogameboy.tistory.com 지난 포스트에 이어 이번에 공부할 내용은 Transform입니다. 언제나 그랬듯이 이번에도 아래의 생활코딩 강의 영상을 보면서 공부해봅시다. transform Hello Transform! 위의 소스 코드는 PC에서 드래그 후, ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다. ctrl+c(복사)는 불가능합니다. 저는 .. 2021. 1. 11. 08:56 CSS 믹스 블렌드 모드 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 블렌드 모드 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 이미지나 폰트에 필터 적용하기 이 포스팅은 PC로 작성되었습니다. gogogameboy.tistory.com 지난 포스트에서는 블렌드 모드 중에서도 background-blend-mode를 공부했습니다. 이번에 공부할 블렌드 모드는 mix-blend-mode입니다. mix-blend-mode Blend is awesome! Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente e.. 2021. 1. 10. 14:43 이전 1 ··· 23 24 25 26 27 28 29 ··· 32 다음
