くぜのメモ

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

ブログカスタマイズ

【はてなブログ】シェアボタンをカスタマイズする

今回は、シェアボタンのカスタマイズを行ったので、備忘録がてら、カスタマイズしたシェアボタンの設置方法について紹介します。

はてなブログのTwitter用サムネイルデザインがカッコよかったのでCanvaで作ってみた

はてなブログで、アイキャッチ画像を設定せずに投稿した記事をTwitterでシェアする際に、自動で設定されるサムネイルのデザインが個人的に好みだったので、はてなブログと連携してアイキャッチ画像が作れるCanvaでテンプレートを作ってみました。 ちなみに、…

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

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

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

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

【はてなブログ】見たまま編集でもソースコードを色付け(シンタックスハイライト)して分かりやすい表示にカスタマイズする!

はてなブログでは「見たまま」「はてな記法」といった編集モードがいくつか用意されています。はてな記法などではコード記述用の記法が用意されており、コードの色付け表示(シンタックスハイライト)が簡単にできるのですが、見たままモードではHTMLを編集…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

はてなブログにて、display: flex;などでリスト(タグなど)を横並びにさせる際、意図しない謎のインデント(空白)が入ってしまい、位置が右にずれることがあります。今回はこの事象の対応策について紹介します。

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

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