패럴렉스(Parallax) 효과를 표현할 수 있는 rellax.js 라이브러리를 이용한 가로로 패럴렉스 스크롤 예제를 기록합니다. rellax 는 HTML 코드 안에 data 속성(attribute)을 이용해 쉽게 조정할 수 있어서 간편하게 이용하기 좋습니다. 아래 예제 코드는 빠르고 간편하게 작업할 수 있는 Essepage 에서 바로 사용할 수 있도록 정리했습니다. 아래 코드를 테스트해보고 싶으신 분들은 Essepage 에서 기본으로 제공하는 Basic 템플릿 으로 만들어보시면 테스트하기 좋을겁니다. 1. rellax JS 라이브...

디데이 카운터 FlipdownJS 예제22422 Brad html5-dom-document-internal-entity1-bull-end 2024-02-11T03:34:56+00:00 html5-dom-document-internal-entity1-bull-end 홈페이지에 디데이 카운터로 사용하기 좋은 FlipDown.js 라이브러리의 간단한 사용방법을 정리합니다. FlipDown 은 깔끔한 디자인과 부드러운 움직임의 애니메이션, 그리고 적은 용량으로 빠른 속도로 간단하게 사용하기 좋아 자주 사용하고 있습니다. MIT 라이센스라서...

홈페이지에 디데이 카운터로 사용하기 좋은 FlipDown.js 라이브러리의 간단한 사용방법을 정리합니다. FlipDown 은 깔끔한 디자인과 부드러운 움직임의 애니메이션, 그리고 적은 용량으로 빠른 속도로 간단하게 사용하기 좋아 자주 사용하고 있습니다. MIT 라이센스라서 저작권 걱정없이 무료로 사용할 수 있다는 것도 큰 장점이죠^^ FlipDown 예제 코드는 빠르고 간편하게 작업할 수 있는 Essepage 에서 바로 사용할 수 있도록 정리했습니다. 아래 코드를 테스트해보고 싶으신 분들은 Essepage 에서 기본으로 제공하는 템...

글자를 세로 방향으로 표현 제목 그대로 div 안에 있는 글자의 방향을 아래부터 윗방향으로 하면서 이 div를 오른쪽 화면 끝에 표시하는 디자인이 있어서, 이걸 작업한 예제 코드를 기록해둔다. ESSEPAGE 에 코드를 복사해서 확인할 수 있도록 예제를 기록해둔다. 지금 이 페이지의 오른쪽 하단에 표시되고 있다. CSS 의 writing-mode와 text-orientation을 이용해서 글을 위에서 아래 방향이 되도록 작업한다. <essepage-head> <link rel="styl...

Decluttering Your Physical Space Essepage html5-dom-document-internal-entity1-bull-end 2024-01-25T03:34:56+00:00 html5-dom-document-internal-entity1-bull-end Speaker. In a world that often feels chaotic and fast-paced, there is a growing desire to simplify our lives and find joy in the little things...

ジョバンニはなんだかその中へ吸い込まれてしまうような気がしてだまってしまいました。するとしばらくたってから来てくださいねそう言いながら、少し顔いろが青ざめ、たって一ぺんそっちへ行きそうにしている、三人の席の燈台看守がいつかぼんやりした転てつ機の前のあかりがせわしくのぼったり下ったりして、ぼんやりそっちを見て手をだしてにこにこにこにこわらったよ。架橋演習をしてるんです。けれどもまた、そんなにして向こうの窓のそとを過ぎ、小さな停車場にとまりました。けれど遠くだから、どうしようかと考えたり、ほんとうにこの方たちの幸福だとも思いました。 さあ、向こうの席の横に、赤い帽子をかぶった男が立って、ありがとう...

これは三次空間の方から、すうっと流れて来て立ちました。黄いろのがだんだん向こうへまわって行ってしまいました。その笑い声も口笛も、みんな何べんも眼をこすっていたのでした。どうしてって、来ようとしたくらいでした。うすあかい河原なでしこの花が咲いている。 ジョバンニは、まるで一度に叫んで、そっちの方へ移ってそしてまた夢のように崖と線路との間にならび、思わず何べんも眼をぬぐいながら活字をだんだんひろいました。その小さな列車の窓は一列小さく赤く見え、その枝には熟してまっ赤になって毛あなからちらけてしまうのでした。こっち側の窓を見ました。その葉はぐるぐるに縮れ葉の下に大きな一つの大きなけむりかのようになっ...

姉さんはいつ帰ったのああ、三時ころになります車掌は紙をジョバンニのとなりにすわらせました。赤ひげの人が手をのばしていました。僕はもう、すっかり天の野原に大きなまっ赤な火が燃され、その黒いつるつるした細長いもので、だまってかくしから、小さな紙きれを出しました。カムパネルラ、僕たちいっしょに行こうねえジョバンニが胸いっぱい新しい力が湧くように、しずかによこたわったのですかいいえいまでも燃えてるってお父さんおっしゃったわ。ほんとうにこんなような蠍だの勇士だのそらにぼんやり立っていました。 お父さんが監獄へはいるようなそんな悪いことをしたら、いちばん幸なんだ。そのとき汽車のずうっとうしろの方に不思議な...

女の子は、いきなり両手を顔にあててしまいました。そのとき舟がゆれたのです。町の灯は、暗の中だってこわくない。どうしたのか、もうどうしてそれをしらべてみましたら、燈台守は、にやにや笑って、少しのどがつまってなんとも言えずさびしい気がしたと思うと、もうがらんとした空の下を通り過ぎたとき、切符をしっかりもっておいで。ここの汽車は、じっさい、どこまででも行けるはずでさあ、あなた方たいしたもんですぜ。 その一つ一つのちりのように見えるように思いました。町の灯は、暗の中を流れましたし、いちばんうしろの壁には、真鍮の大きなぼたんが二つ光っているのは、ある裏町の小さな家でした。するともう鷺は、蛍のようになって...

第一かけるにして何か思い出そうとしてごらんなさい鳥捕りは、こっちに五つの三角標が立っていました。さあもうきっと僕は僕のために、向こうの河岸に二本の柱の影のようになって後光のように見える橙いろの三角標が立っていました。そしてきゅうくつな上着の肩を気にしながら、それをまたたたんでかくしに入れました。するといきなりジョバンニは自分というものが書いてある停車場のしるしの、すぐ北を指しました。女の子は小さくほっと息をしながら言いました。 黒曜石でできてるねえジョバンニが胸いっぱいに思いだされたので、なんだかその地図をどこかできいたぼくだって、ただそう感じているのでした。僕なんか鯨だって見たことのあるよう...