HTML5,CSS3 3

js & css 로딩 속도 줄이기 -> 코드 축소하기

공감 및 댓글은 포스팅 하는데 아주아주 큰 힘이 됩니다!!포스팅 내용이 찾아주신 분들께 도움이 되길 바라며더 깔끔하고 좋은 포스팅을 만들어 나가겠습니다^^ js 와 css 는 웹 페이지 로딩속도를 지연시키는 대표적인 녀석들입니다. 이 녀석들을 조금만 관리해줘도 로딩속도가 현저히 향상되는데요. 방법은 여러가지가 있지만 몇 가지만 소개합니다. 1. VSCode의 minify 사용해서 코드 줄이기 or 무료 사이트이용.부트스트랩의 CSS 나 JS 파일들을 보면꼭 아래사전처럼 .css 와 .min.css 파일이 같이 있습니다.그 이유는 단순히 min.css 가 코드 간 공백을 없애놓은 거 같지만 로딩속도에도 차이를 주기 때문입니다.되도록이면 .min.css 를 사용하면 좋겠죠?그렇다고 만들어 놓은 css 파일에..

HTML5,CSS3 2018.12.19

티스토리 반응형 스킨 배경 이미지 변경하기!!

공감 및 댓글은 포스팅 하는데 아주아주 큰 힘이 됩니다!!포스팅 내용이 찾아주신 분들께 도움이 되길 바라며더 깔끔하고 좋은 포스팅을 만들어 나가겠습니다^^ 이번 포스팅에서는 티스토리 반응형 스킨에서 배경 이미지를 변경하는 방법에 대해서알아볼려고 합니다. 방법은 되게 간단해요. 블로그 관리 -> 꾸미기 -> HTML/CSS 변경으로 들어가시면 새로운 탭이 하나 열리죠. 거기서 파일 업로드 탭을 눌러서 보시면왼쪽 IOS를 Java라는 타이틀이 달린 곳에 배경이미지가 있죠?그 파일 이름이 header_default.jpg 입니다.그렇다면 저 이미지를 대체하게 된다면 저 배경이 이미지가 변경된다는 말이겠지요~~ 원하는 이미지를 결정하신 후저처럼 파일을 업로드 해주세요.저는 coffee.jpg 라는 사진을 업로드..

HTML5,CSS3 2017.11.28

CSS3 링크와 관련있는 가상 클래스 선택자들 :link, :visited, :hover, :active

공감 및 댓글은 포스팅 하는데 아주아주 큰 힘이 됩니다!!포스팅 내용이 찾아주신 분들께 도움이 되길 바라며더 깔끔하고 좋은 포스팅을 만들어 나가겠습니다^^ 첫 HTML / CSS 포스팅을 하네요 ㅎㅎ 이번 포스팅에서는 a 태그(링크) 와 관련있는 가상 클래스 선택자들에 대해 공부합니다. - :link 방문한 적이 없는 링크일 때 적용됩니다.- :visited방문한 적이 있는 링크일 때 적용됩니다.- :hover마우스 커서가 링크 위에 올라갔을 때 적용됩니다.- :active링크를 클릭했을 때 적용됩니다. 위 가상 클래스 선택자들을 2개 이상 사용할 경우에는 언급된 순서대로 사용하시는 것이 좋습니다.ex)위에서 hover 와 active의 순서가 바뀌면 가장 밑에 있는 속성이 적용되기 때문에 active ..

HTML5,CSS3 2017.07.13