웹 디자인, 프로그래밍, UX/UI 등

키프레임 애니메이션에 대해 알아보자

, , ,
CSS 키프레임 애니메이션은 CSS(Cascading Style Sheets)를 사용하여 웹페이지에서 애니메이션을 구현하는 기술입니다. 이를 통해 HTML 요소에 다양한 애니메이션 효과를 적용할 수 있습니다. CSS 키프레임 애니메이션을 구현하려면 @keyframes 규칙을 사용합니다. @keyframes 규칙은 애니메이션의 키프레임(시작과 끝 상태)을 정의하는 역할을 합니다. 각 키프레임에서는 원하는 스타일을 지정하고, 애니메이션의 지속 시간 및 타이밍 함수를 설정할 수 있습니다.

워드프레스 엔폴테마에서 fullpage.js 적용하는 방법

, ,
워드프레스에서 Enfold 테마에 fullPage.js를 적용하는 과정은 몇 가지 단계로 구성됩니다. fullPage.js는 전체 화면을 섹션으로 나누어 스크롤을 각 섹션으로 이동시키는 JavaScript 라이브러리입니다. 아래는 Enfold 테마에 fullPage.js를 적용하는 기본적인 단계입니다.

Ajax 로드 방법

,
Ajax(Asynchronous JavaScript and XML)는 웹 페이지에서 비동기적으로 서버와 데이터를 교환하기 위한 기술입니다. Ajax를 사용하면 웹 페이지의 새로고침 없이 서버로부터 데이터를 요청하고 응답을 받아와 동적으로 페이지를 갱신할 수 있습니다.

Html 선택자에 대해 알아보자

, ,
선택자(Selector)는 CSS에서 HTML 요소를 선택하여 스타일을 적용하는 데 사용되는 패턴입니다. 선택자는 HTML 문서의 요소를 식별하기 위해 사용되며, 해당 요소에 스타일 규칙을 적용할 수 있습니다.

Html에서 ID와 CLASS 대해 알아보자

, ,
ID와 CLASS는 HTML 요소에 고유한 식별자를 부여하여 스타일이나 스크립트에서 해당 요소를 선택하고 조작하는 데 사용되는 속성입니다.

html 에서  box-size에 대한 정리

, ,
html 코딩중에 개체 (오브젝트)  등을  구성하는 box 들에 대한  넓이(widht) 와 높이(height) 에 대한 부분과 box의 padding(box의 안쪽 공간) margin(box의 밖같 공간)의 크기를 의미하며, padding 과 margin 의 사이에는 테두리(bording)가 존재 합니다.  각 속성은 크기(size)를 정의하여 사용하며, 수치를 정의하기 때문에 해당 부분에 px, rem등의 단위를 적용 할 수 있습니다.