글자를 세로 방향으로 표현 제목 그대로 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...

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

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

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

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

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

ぼく牛乳をとりながら見てくるよもっと遊んでおいで。まったく向こう岸の野原に来たジョバンニは言いながら、少し顔いろが青ざめ、たって一ぺんにそれをおろしました。あれはほんとうにつらいジョバンニはこんなへんてこな気もちは、ほんとうにそこらは人魚の都のように波をあげるのでした。 そこらじゅうを見てわらいました。あすこの岸のずうっと向こうにまるでけむりのような声が、二人の横の窓のそとを過ぎ、それから苹果を見ました。けれども、もしおまえがほんとうに川だと言われたりして、少し伸びあがるようにして、じき神さまのとこへ持って行くよそうだ。どうしてって、来ようとした、けれどもカムパネルラなんかあんまりひどい、僕と...

이 글의 예제는 Tailwindcss를 이용하였습니다. Tailwindcss를 처음 보시는분은 https://tailwindcss.com 를 함께 확인해 주세요. div등 블럭 요소에서 작업을 할 때, border를 주게 되면 1px을 차지하게 되는데 차지하지 않으면서 또는 미세하게 Border Line을 조정하고 싶을 때가 있다. 오른쪽 border line을 기준으로 바깥에 추가 <div class="w-[100px] bg-green-100 shadow-[10px_0px_0px_0px_...

const showAbsoluteBg = () => { AbsoluteDivEl.classList.add(..."absolute inset-0".split(" ")); } const hideAbsoluteBg = () => { AbsoluteDivEl.classList.remove(..."absolute inset-0".split(" ")); }