Making Portfolio

a 태그 herf="링크앞에 + 맨위로가는 버튼을 만들때 href="+ 스크롤을 부드럽게 이동시키는법: 스타일에 html{ scroll-behavior: smooth; } 적용(단 IE인터넷익스플로어 에선 사용 불가 속성)->속도조절불가jquary로 만들어서 적용 ->

Media Query Font icon

웹페이지에 사용할 폰트를 다양하게 바꿔 줄 수 있다. 기본적으론 Font-icon과 사용법이 비슷하다.이미지나 아이콘의 색을 바꿔줄 수 있다.

Object-fix Objext-position Flex

<div> 태그와 <span> 태그 등을 이용해 stylesheet로 아이콘처럼 만든 다음<input>태그에 checkbox 속성을 적용시키고, <label>태그와 연결한 후 가상선택자 :checked 를 이용해 아이콘을 클릭할 수 있게 만든다.알

CSS스타일처럼 자바스크립트도 inline, internal, External 이 세 방식으로 작성할 수 있다. Style과 마찬가지로 inline 자바스크립트는 적용할 태그안에 직접 작성하는 것이다.하이퍼링크를 걸 때 문장이나 단어처럼 일부분에만 넣을 수 있는 &lt

오픈 소스 기반의 자바스크립트 라이브러리. 웹 페이지에 다양한 효과나 연출을 적용할 수 있다. CSS에서도 유사하게 만들 수 있지만, 짧고 단순한 코드로도 쉽게 적용할 수 있다. 제이쿼리 버전 3까지 나왔지만 제이쿼리 버전 2와 3은 둘다 익스플로어 9 이상에서만 동작

(method)jQuery에서 선택자에 어떤 효과를 적용시킬지 정할 수 있다.효과에 관련된 이펙트, 클래스를 넣었다 뺐다 하는 클래스 제어, 선택요소를 기준으로 요소를 찾는 요소 탐색 세 가지가 있다.선택자를 보이게할지 안보이게 할지 등을 정한다..show() : 선택

jQuery에서 if문 활용으로 스크롤이 내려갔는지 유무를 판단해 header의 CSS를 바꿀 수 있다.htmlCSSjQuery

Wow.js는 애니메이션을 실행시키는데 스크롤이 밑에 있을 경우 사용자가 보기 전에 실행돼서 종료된 화면만 나타날 수 있는데 이러한 문제점을 고치기 위해 사용자가 스크롤을 내려서 화면을 보고 있을 때 애니메이션을 실행하기 위한 것이다.간단히 말하면 animation 효

Chrome에 새로운 기능 추가 등 확장 프로그램을 설치해서 새 기능을 추가할 수 있는 플러그인page ruler redux : 활성화된 브라우저 안에 요소의 너비와 높이 측정page ruler redux : 활성화된 브라우저 안에 요소의 너비와 높이 측정galleri

인라인요소 크기값을 지정못함 한줄에 여러개 배치 상하마진 못가짐 기본 너비값은 컨텐츠의 너비값 span, a, small, em, b, br, audio, video, s, u, mark, q, strong, sup, sub, i, big, del, label 블록요

대표적으로 많이 쓰는 px(픽셀)단위는 절대적인 단위로, 어떤 환경에서든 같은 크기로 나타낸다. 그에 반해 이 em과 rem은 각각의 기준이 있고 그 기준에 따라 폰트의 크기가 바뀐다.px와 사용방법은 같으며 위에서 말했던 기준이란 부모 요소를 기준으로 한다.부모 요소