くぜのメモ

メモのように色々なことを書いていく雑記ブログ

ブログカスタマイズ

個人的ブログ作成コーディング規約

現状、クラス等は実装していないため、本規約では定義しておらず、実装機会があり次第定義する。 HTML class・id CSS 構造 プロパティ 順序 JavaScript 命名規則 インデントと改行 スペース 変数宣言 ブロックとブレース 文字列 比較演算子 コメント 過度な…

【はてなブログ】ページトップへ戻るボタンを実装する【脱jQuery】

はてなブログで、ページトップへ戻るボタンを実装したので、備忘録がてら、方法を紹介したいと思います。 本ブログでは右下に配置しているので、ボタンを押して使用感を確かめてみてください。 紹介する方法は、jQueryを使用しないもので、WordPressなどのは…

【はてなブログ】ソースコードを貼り付けて分かりやすい表示にカスタマイズする!

はてなブログにHTMLやPythonなど、様々な言語のソースコードを貼り付ける方法を紹介します。 また、「左上に言語名を表示させる」など、表示デザインのカスタマイズについても記載したいと思います。 はてなブログにソースコードを貼り付ける方法 「はてな記…

見出しのブログデザインを紹介

見出しのデザインをデフォルトのものから一新しました。 参考サイトや、このブログデザインのCSSを紹介していきます。 見出し 大見出し 中見出し 小見出し 見出し 大見出し、中見出し、小見出しのデザインを以下のように変更しました。 (※はてなブログなの…

【はてなブログ】記事本文末尾に著者情報を挿入する

記事本文末尾に著者紹介を挿入するように設定したので、そのデザインや方法を備忘録がてら書いていこうと思います。

ブログカスタマイズまとめ

こんにちは、くぜです。 本記事では、このブログで行ったカスタマイズについてまとめています。

【はてなブログ】挿入記事のインラインフレーム要素と文字リンク要素の間隔を狭める

問題点 『過去記事貼り付け』などでサイトのリンクを挿入した際、インラインフレーム要素と文字リンク要素の間隔が空いているのが気になるので狭めたい。

【はてなブログ】サイドバーのコンテンツをスクロールに合わせて追従させる方法【脱jQuery】

今回は、サイドバーに配置したコンテンツをスクロールに合わせて追従させる方法を、備忘録がてら書いていこうと思います。

【はてなブログ】注目記事(ランキング)のサムネイルに順位を表示する方法

はてなブログのサイドバーに表示される注目記事のサムネイルに順位を表示する方法を、備忘録がてら書いていこうと思います。

【はてなブログ】投稿日にアイコンをつける方法

こんにちは、くぜです。 今回は、ブログ投稿日にアイコンをつける方法を、備忘録がてら書いていこうと思います。

【はてなブログ】更新日を表示させる方法

こんにちは、くぜです。 今回は、ブログ投稿日の隣に更新日を表示させる方法を、備忘録がてら書いていこうと思います。

【はてなブログ】リストの横並びで右にずれてしまう事象の対応

display: flex;などでリスト(タグ)を横並びにさせる際、意図しない謎のインデント(空白)が入ってしまい、位置が右にずれる。

【はてなブログ】URLを自動リンクさせずにテキストとして表示させる方法

とある記事を書く際にリモートリポジトリのURLが勝手にリンクされて困ったので、その時の備忘録。