備忘録
この記事では、JavaScriptを活用して、コードブロック内のテキストを折り返し可能にし、かつコピー機能を実装する手法に焦点を当てています。フロントエンドデザインにおいて有益なテクニックを紹介し、具体的なコーディング方法も解説していきます。
CSS備忘録です。
CSS備忘録です。
JavaScriptを活用して、ウェブページ上の記事タイトルをカスタマイズする方法を学びましょう。この記事では、特定のテキスト部分に異なるスタイリングを適用する手法を紹介します。Webデベロッパーが見出しを個別にデザインする際に役立つ情報が詰まっていま…
var noindex=document.createElement("meta");noindex.name="robots";noindex.content="noindex";var head=document.getElementsByTagName("head")[0];head.appendChild(noindex); .entry-content .table-of-contents{position:relative;margin:2em 5px;padd…
var noindex=document.createElement("meta");noindex.name="robots";noindex.content="noindex";var head=document.getElementsByTagName("head")[0];head.appendChild(noindex); /* スクリプトと連動 */ h1.entry-title a span.en { font-family: "Marcell…
はてなブログで埋め込みリンクを使うとき、デフォルトの表示形式にちょっとした違和感を感じませんか？この記事では、埋め込みリンクの表示をカスタマイズする方法を解説します。
縦横比を計算する方法を備忘録としてまとめました。縦横比が異なる画像を統一した面積で配置する際の計算手順を詳細に解説しています。 LaTeXを用いた数式の記法も紹介し、具体的な計算例も示しています。 これを備忘録として活用し、与えられた縦横比と面積…
Font Awesome - アイコンアレンジ一覧：アニメーション、サイズ／カラー／角度変更まとめ
はてなブログを利用中に、編集ボタンが表示されなくなったことはありませんか？ この記事では、その原因と解決方法を詳しく解説します。特に、サードパーティのCookieをブロックする設定をしている場合の対処法を初心者にも分かりやすく説明します。 不具合…
このCSSの備忘録は、追従サイドバー（Stickyサイドバー）の実装において、時折発生する問題に対処する方法を提供しています。要素に「position: sticky」を適用するだけではうまくいかない場合がありますが、ここではその問題に対処するためのアプローチを示…
この記事では、HTMLとCSSを使って、ウェブページ上でテキスト要素を特定のデザインに配置する方法について解説します。 具体的には、2つのテキスト要素を中央に配置し、左側要素の文字は右寄せに、もう一方はまた要素と逆寄せにする方法です。
ウェブサイトで一般的に使用されているフォント色について表にまとめました。デザインの参考になるカラースキームを見つけるのに役立つ情報です。
Font Awesome - よく利用するアイコンだけまとめ
Markdown記法の基本から応用まで詳しく解説。引用、改行、コード挿入、表作成、リンク、画像挿入、脚注、装飾、打消し線、エスケープ文字、HTML、CSS、TEXなどを網羅。手軽ながら柔軟性に欠ける一面もあるMarkdownのメリット・デメリットも考察。記事を通じ…
この記事は、JSFiddleを使用してWeb開発プロジェクトを共有または埋め込む際に、デフォルトの表示タブを"Result"に変更する方法について詳しく説明しています。また、埋め込み後のダークモード⇔ライトモード切り替え方法も。 読者は、このガイドを通じて、JS…
CSS備忘録です。
HTMLの「details」タグを使用して、長いコードやテキスト部分を簡単に折りたたむ方法をいっしょに学びましょう。コーディングブログやカスタマイズに最適な、シンプルなアコーディオンメニューを作成できます。 複雑なJavaScriptや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キーがカーソルキーに接していて私の太い指ではよく押し間違いが起きていた。 カーソルを左にやろうとすると、ページが急にひゅんッ！と上に飛んで…みたいなことが頻繁にあり(^▽^;)、非常に煩わしかった…
