Inspiration and insights to help you grow, create, and lead.
모바일 메뉴로 주로 사용하는 왼쪽에서 샤샥~ 하고 나오는 슬라이드 사이드바 예제입니다. 슬라이드 메뉴의 움직임을 보다 쉽게 표현하기 위해서 알파인JS(AlpineJS)와 UnoCSS 에서 Tailwind CSS reset 와 함께 만들었습니다. Essepage 에서 주로 사용하는 코드라서 Essepage 에 복사해서 사용할 수 있도록 기록합니다. 1. ...
Mark2sh
사이드바 메뉴 Open 👈 클릭해보세요 - Menu Item- Menu Item- Menu Item- Menu Item- Menu Item- Menu Item- Menu Item- Menu Item 모바일 메뉴로 주로 사용하는 왼쪽에서 슥~ 하고 나오는 슬라이드 사이드바 예제입니다. 슬라이드 메뉴의 움직임을 보다 쉽게 표현하기 위해서 AlpineJS와 UnoCSS로 만들었습니다. Essepage...
Freeman
모바일 메뉴 등에서 자주 사용하는 햄버거 메뉴 버튼 예제입니다. 버튼의 움직임을 보다 쉽게 표현하기 위해서 알파인JS(AlpineJS)와 UnoCSS 에서 Tailwind CSS reset 와 함께 만들었습니다. Essepage 에서 주로 사용하는 코드라서 Essepage 에 복사해서 사용할 수 있도록 기록합니다. 1. 라이브러리 설치 알파인js와 UnoCS...
웹페이지를 만들기 위해서 가장 먼저 하는 일은 페이지의 뼈대가 될 HTML 코드를 입력하는 것입니다. 글을 쓰거나 그림을 그리기 위해 종이를 준비해야 하듯이, 웹페이지는 파일을 만들고 기본 HTML 코드를 넣어 페이지의 내용을 만들 준비를 합니다. 시작할 기본적인 HTML 웹페이지는 다음과 같습니다. <!DOCTYPE html&...
Rainbows are a universal symbol of beauty and wonder, inspiring awe across cultures and continents. While the phenomenon is the same worldwide, the word for "rainbow" varies from language to language, reflecting the rich diversity of human expression. In this blog post, we'll explore how different c...
Essepage Official
Essepage 에서 AlpineJS로 작업을 많이 하는데, x-data 안에 여러가지 변수들과 함수들을 적게되면 보기도 불편하고 관리도 어려워서 Essepage 의 @x-data로 파일을 따로 만들어서 사용한다. 파일을 만들 때 항상 입력하는 기본 코드를 복사해서 사용하려고 늘 사용하는 기본 코드를 정리해둔다. 참고로, Essepage 에서...
개발 노트에 마크다운으로 글을 쓸 때 코드 블록에 하이라이트를 쉽게 적용할 수 있는 highlight.js 를 추가하면서 그 방법을 기록해둔다. 이 블로그를 만들고 있는 Essepage 에서 적용하는 방법으로 기록한다. Essepage 에서 highlight.js 적용하는 방법 highlight.js 홈페이지에서 적용하고 싶은 테마를 고른다. https://...
Rainbows are one of nature's most captivating phenomena, often seen as a symbol of beauty, hope, and wonder. But how exactly are these mesmerizing arcs of color formed in the sky? The creation of a rainbow involves a fascinating interplay of light and water, combined with the principles of optics. I...
Buon giorno（ボンジョルノ）！ 南池袋のセレクトショップ Vita ricca（ビータ リッカ）、スタッフのイケハラです！ 最近よく耳にするようになった『大豆ミート』。 巷では大豆ミートを使用したハンバーガーショップなどもあり目にする機会は増えていますが、まだお召し上がりになったことのない方もいらっしゃるんじゃない...
Rainbows have long fascinated and inspired humanity, symbolizing beauty, hope, and wonder. While natural rainbows in the sky are created by the interplay of sunlight and raindrops, you can create a rainbow yourself using a simple optical instrument: a prism. But how exactly does a prism make a rainb...
Mark2sh 
Freeman Mark2sh
Freeman 
Essepage Official Mark2sh Mark2sh Essepage Official
Freeman Essepage Official
