Inspiration and insights to help you grow, create, and lead.
第一かけるにして何か思い出そうとしてごらんなさい鳥捕りは、こっちに五つの三角標が立っていました。さあもうきっと僕は僕のために、向こうの河岸に二本の柱の影のようになって後光のように見える橙いろの三角標が立っていました。そしてきゅうくつな上着の肩を気にしながら、それをまたたたんでかくしに入れました。する...
Richard
ぼく牛乳をとりながら見てくるよもっと遊んでおいで。まったく向こう岸の野原に来たジョバンニは言いながら、少し顔いろが青ざめ、たって一ぺんにそれをおろしました。あれはほんとうにつらいジョバンニはこんなへんてこな気もちは、ほんとうにそこらは人魚の都のように波をあげるのでした。 そこらじゅうを見てわらいまし...
[ January 1, 1970 ] 그럼 아래의 코드를 하나하나 살펴보겠습니다. 처음 볼때는 외계어 같던 HTML코드가 점점 쉽고 사용하기 편리하도록 만들어진 언어라는것을 알게 될 거예요. <!DOCTYPE html> <html> <head> <title>My First Webpage</title> <meta charset="utf-8"&g...
[ January 1, 1970 ] 이 글의 예제는 Tailwindcss를 이용하였습니다. Tailwindcss를 처음 보시는분은 https://tailwindcss.com 를 함께 확인해 주세요. div등 블럭 요소에서 작업을 할 때, border를 주게 되면 1px을 차지하게 되는데 차지하지 않으면서 또는 미세하게 Border Line을 조정하고 싶을 때가 있다. 오른쪽 bord...
[ January 1, 1970 ] const showAbsoluteBg = () => { AbsoluteDivEl.classList.add(..."absolute inset-0".split(" ")); } const hideAbsoluteBg = () => { AbsoluteDivEl.classList.remove(..."absolute inset-0".split(" ")); } const showAbsoluteBg = () =>...
[ January 1, 1970 ] If you're starting a new project and want a minimal, modern HTML template that's ready for today's frontend tools, this one's for you. Just copy the code below into a .html file, save it, and open it in your browser. If you see “Hello Modern World!” on the screen, it’s working! ...
👈 클릭해보세요 모바일 메뉴 등에서 자주 사용하는 햄버거 메뉴 버튼 예제입니다. 버튼의 움직임을 보다 쉽게 표현하기 위해서 알파인JS(AlpineJS)와 UnoCSS 에서 Tailwind CSS reset 와 함께 만들었습니다. Essepage 에서 주로 사용하는 코드라서 Essepage 에 복사해서 사용할 수 있도록 기록합니다. 1. 라이브러리 설치 ...
Brad
사이드바 메뉴 Open 👈 클릭해보세요 - Menu Item- Menu Item- Menu Item- Menu Item- Menu Item- Menu Item- Menu Item- Menu Item 모바일 메뉴로 주로 사용하는 왼쪽에서 샤샥~ 하고 나오는 슬라이드 사이드바 예제입니다. 슬라이드 메뉴의 움직임을 보다 쉽게 표현하기 위해서 알파인JS(AlpineJS)와 UnoCSS 에서 Tailwin...
사이드바 메뉴 Open 👈 클릭해보세요 - Menu Item- Menu Item- Menu Item- Menu Item- Menu Item- Menu Item- Menu Item- Menu Item 모바일 메뉴로 주로 사용하는 왼쪽에서 슥~ 하고 나오는 슬라이드 사이드바 예제입니다. 슬라이드 메뉴의 움직임을 보다 쉽게 표현하기 위해서 AlpineJS와 UnoCSS로 만들었습니다. Essepage...
[ January 1, 1970 ] 웹페이지를 만들기 위해서 가장 먼저 하는 일은 페이지의 뼈대가 될 HTML 코드를 입력하는 것입니다. 글을 쓰거나 그림을 그리기 위해 종이를 준비해야 하듯이, 웹페이지는 파일을 만들고 기본 HTML 코드를 넣어 페이지의 내용을 만들 준비를 합니다. 시작할 기본적인 HTML 웹페이지는 다음과 같습니...
Richard Richard
Richard Richard Richard Richard 
Brad Brad Richard Richard
