この記事では、HTMLとCSSを使用して、魅力的なキラキラエフェクトを持つボタンを作成する方法を詳しく解説します。アニメーションやスタイリングの手法を組み合わせ、ユーザーエクスペリエンスを向上させる効果的なボタンのデザイン手法を紹介します。また、…

この記事では、HTMLとCSSを使用して、魅力的なキラキラエフェクトを持つボタンを作成する方法を詳しく解説します。アニメーションやスタイリングの手法を組み合わせ、ユーザーエクスペリエンスを向上させる効果的なボタンのデザイン手法を紹介します。また、…

この記事では、HTMLとCSSを使用して、魅力的なキラキラエフェクトを持つボタンを作成する方法を詳しく解説します。アニメーションやスタイリングの手法を組み合わせ、ユーザーエクスペリエンスを向上させる効果的なボタンのデザイン手法を紹介します。また、…

この記事ではWebアプリケーションのUX(ユーザエクスペリエンス)向上のために重要なクリップボードへのコピー機能を取り上げます。Async Clipboard APIを活用し、JavaScriptを使用した実装手順やコード例を通じて、初心者でも理解しやすくお届けします。さら…

CSS備忘録です。

この記事では、基本的なウェブサイトのトップページのデザインを紹介します。ヘッダー、セクション、フッターなどの要素を使ったシンプルなレイアウトの例を掲載し、各セクションの役割やコンテンツについても解説します。

Web ページにソース コードを表示する場合は、読みやすさとアクセシビリティの両方を考慮することが重要です。 この記事では、jQuery を使用してコードの折り返し表示を切り替える方法を紹介します。 コードが画面内に収まりきらない場合でも、スクロールバ…

この記事では、CSSのみを使用して作成された吹き出しデザインとアイコンの組み合わせバリエーションをご紹介します。 かわいらしい要素を取り入れ、軽量でありながらも魅力的な吹き出しのスタイリング方法を学び、レスポンシブな設計にも対応させるテクニッ…

HTMLの「details」タグを使用して、長いコードやテキスト部分を簡単に折りたたむ方法をいっしょに学びましょう。コーディングブログやカスタマイズに最適な、シンプルなアコーディオンメニューを作成できます。 複雑なJavaScriptやCSSは不要です。必要なのは…

1日1優。ポチっ、が支えです 小さなひとこと、お待ちしてます(≧◡≦)❤️ 読者登録もいただけますとうれしいです～ class「r-fuki piyo」のなぞ 捜査は難航 事件の全貌 気を取りなおして ここで問題が 強引に解決 今回のコード HTML CSS こんばんは、暑さもすこ…

寄せたい画像の位置と書き方 真ん中 上のコード [f:id:画像:plain:h240] の解説 右寄せ（さらに左側に文字を回り込ませる） 左寄せ（さらに右側に文字を回り込ませる） 横並び 寄せたい画像の位置と書き方 真ん中 <center>[f:id:画像:plain:h240]</center> 上のコード [f:id:…

やりたいこと できるかな？ URLの違い JavaScriptで特定のURLを識別 やりたいこと サイドバーの目次タイトルを、表示するページによって変更したい できるかな？ URLの違い https://rubirubi.hateblo.jp/entry/～ https://rubirubi.hateblo.jp/archive/～と…

Syntax Highlighting of Source Code with Hatena Notation スーパーpre記法 html css javascript python sh ruby hatena おまけ 表組 項目名ありの表 引用記法 Syntax Highlighting of Source Code with Hatena Notation スーパーpre記法 >|| ～～ || 整形…

バナー（リンクなし） みなさん、こんばんは。ハテブカスタムです これを流したい→ 「はてなブログ初心者によるブログ初心者のためのブログ」 ←これを流したい バナー（リンクあり） これは宣伝→ 今月公開 絶賛上映中！ 【新着情報】お知らせテキストをここ…

いろいろ試したけど、これが使いやすい。透過させる類似の色範囲をパーセント指定できる。 CanvaとかだとPro版にしないと透過にできないんですよね…。 rakko.tools できること 選択した色や類似のトーンを透明にする 選択した色を保持して他の色を透明に置き…

キーボードの割り当て変更 きっかけ PageDown・PageUpキーがカーソルキーに接していて私の太い指ではよく押し間違いが起きていた。 カーソルを左にやろうとすると、ページが急にひゅんッ！と上に飛んで…みたいなことが頻繁にあり(^▽^;)、非常に煩わしかった…

ついに、物語の最後の章が幕を開けます。人間の都合で運命を翻弄されたチンパンジー、"ニム"の旅路もいよいよ最後の夜です。前回のはなしは下記に。 rubirubi.hateblo.jp 旅の終わり 風のささやき 感情の渦 ボブの旅のはじまり 光陰の紲、冥の再会 邂逅 ひと…

SEOリライトの効果的な手法と注意点について学びましょう。初心者でも理解しやすい形で、SEO対策の中でも重要なリライトの手順と役割を詳しく解説します。記事選定から不足情報の調査、実際のリライト手法まで、専門知識を持たない初心者でも実践できるステ…

人間の都合で運命を翻弄されたチンパンジー、"ニム"の物語、第四夜へようこそ。さっそく進んでいきましょう。前回のはなしは下記に。 rubirubi.hateblo.jp 目次がちょっと多くなりました～ １つ１つは短いのでご安心を笑 人間の影、運命の轍 絶望の中で ボブ…

人間の都合のために生涯を翻弄されたチンパンジー、「ニム」の物語第三夜です。下記は前回のはなし。 rubirubi.hateblo.jp Introductory Remarks 失われた帰還：未知のジャングル ボブ・インガーソル 手話で話したニム 破れ去った絆と命の危機 今宵はこの辺…

人間の都合のために生涯を翻弄されたチンパンジー、「ニム」の物語第二夜です。下記は前回のはなし。 rubirubi.hateblo.jp Introductory Remarks 続く手話の冒険 繰り返される"別れ" プロジェクトの終焉 手話の意外な真実 第ニ夜の要約 今宵はこの辺で それ…

www.youtube.com 今回は、10年前の2013年9月12日にテレビ番組「奇跡体験！アンビリバボー」にて放送されたチンパンジー、「ニム」の物語を紹介します。人間の都合のために生涯を翻弄されたニム。ニムに行われた実験、ニムの生い立ち、人とチンパンジーのコミ…

AIでブログ記事は書けるか？ キーワードを決める ✖「はてなブログ aboutページ」 競合ページの調査をChatGPTにお願いする 参考にする見出しを意味のあるものに絞る いよいよChatGPTの出番！ 出力した記事の検証 AIでブログ記事は書けるか？ 最近、aboutペー…

rubirubi.hateblo.jp セクション 1: プロフィール設定の変更方法 1.1 プロフィールのデザイン変更 1.2 プロフィール情報の編集 1.3 設定の適用と保存 1.4 変更の確認 セクション 2: サイドバーからプロフィール非表示の方法 2.1 プロフィールの削除 2.2 設定…

aboutページの見直し 定期的な見直しが必要です汗 画像の遅延読み込み aboutページの見直し ブログ開設当初、いろいろとブログカスタマイズについて調べていくなかで、「ごあいさつ」や「自己紹介」ページというのがブログには大抵存在するな、と気づき、は…

ボノボとは。 ボノボを知っていますか？ 『奇跡のボノボ、カンジ』最終夜です。もはや神童と言ってもいいカンジ君。 30年以上も前に彼が起こした奇跡は、未だ人々の心を震わせ、感動を与えてくれます。 1993年に放映されたNHKスペシャル、『天才ザル・カンジ…

Meet Kanzi, an extraordinary bonobo living in America. He is a remarkable ape who can memorize over 1000 English words and understand everyday human conversations with his keen ears. While bonobos may resemble chimpanzees at first glance, …

『奇跡のボノボ、カンジ』3夜目です。 ボノボとヒトにはたくさんの共通点があって、なかにはヒトが見習うべき部分も多いと感じます。 30年以上前の1993年に放映されたNHKスペシャル、『天才ザル・カンジくん。驚異・類人猿の知能』という番組紹介のつづきを…

はじめに。つぶやきと前回の続き 『奇跡のボノボ、カンジ』と勝手に銘打って（笑）つぶやいている2夜目です。 前回途中までお話したNHKスペシャル、『天才ザル・カンジくん。驚異・類人猿の知能』という番組紹介のつづきをどうぞ。 ボノボとは、ヒトにもっと…