JavaScript is one of the most popular programming languages in use today, and that is because it powers almost all of the web. One of the major questions...
With this list of JavaScript admin panel templates and dashboards, it's painless to create beautiful, interactive UIs. Built using cutting-edge technology...
캐러셀(carousel)은 스트리밍 사이트와 e-커머스 사이트에서 중요한 요소입니다. 아마존과 넷플릭스 모두 캐러셀을 중요한 내비게이션 도구로 사용하고 있습니다. 이 튜토리얼에서 두 사이트의 인터랙션 디자인을 평가하고, 그 평가 결과를 완벽한 캐러셀을 실행하는데 활용해 보겠습니다.
이번 튜토리얼에서 우리는 소위 "인라인으로 된 공유하기 메뉴"의 제작 방법을 학습할 것입니다. 이 인터페이스는 독자가 페이지를 공유하고, 하이라이트 표시된 텍스트를 인용할 수 있는 메뉴를 띄우는 방식으로 동작합니다. 여러분은 Medium처럼 몇몇 유명한 사이트에서 이와 유사한...
이번 튜토리얼에서는 요즘에 웹사이트에서 많이 보이는 패턴을 제작해 보도록 하겠습니다. 스크롤 해서 페이지를 이동할 때 매끄럽게 애니메이션 되는 고정 헤더입니다. 기본 구조부터 잡고 나서 CSS와 순수 자바스크립트를 이용해 동작하도록 하겠습니다. 마무리하기 전에는 코드의 최적화...
인라인 편집기를 제작하는 일은 수고롭습니다. input이나 textarea 필드를 이용해 편집될 요소를 변경하는 작업부터 시작합니다. 사용자 경험이 자연스럽게 이어지도록 CSS를 부분적으로 사용해 변경된 요소 스타일을 변경 전의 스타일과 일치시켜야 합니다. 사용자가 편집을...
마치 모던 웹을 개발하기 위한 무한한 선택지들이 있는 것 같습니다. 웹 개발자들은 웹 호스팅 플랫폼과 근본적인 데이터 저장장치, HTML, CSS, Javascript를 작성할 도구, 어떻게 디자인을 구현할 것인지, 그리고 어떤 JavaScript 라이브러리/프레임워크를 사용할...
패럴랙스 스크롤링은 흥미로운 기술입니다. 스크롤하는 지점에서 표면에 있는 콘텐츠 보다 배경 이미지가 느리게 변하면서 3D와 같은 착시를 만들지요. 저의 개인 웹사이트를 다시 디자인하려고 기획할 때, 첫번째 목표는 최대한 멋진 웹사이트를 제작하기 위해 가장 짧고 간단한 코드를...