imzModules とは?はてなブログをカスタマイズする場合、css だけでは思うようにならないことがあります。その場合は Javascript を使い、DOM 操作をおこなって要素を追加し...
長々とこだわっている「自サイトブログカードのリンクターゲット」の件、そろそろ実装できるものに仕上げないといけません(笑)。これまでこんなことをやってきました。はてなブログカードを DIV要素で自作する...
相変わらずブログカードにこだわっています。 といってもこのところなかなか時間が取れず、10日ぶりくらいにこだわってみました(笑)。何をやろうとしているかといいますと、自サイトの記事をブログカードにした場合に別ウ...
はてなブログの記事作成で、リンクボタンからリンクを挿入したり、サイドバーの「過去記事貼り付け」で記事を貼り付けたりしますとブログカードが作成されます。www.imuza.comこれですね。このブログカー...
はてなブログのトップページの表示形式を一覧形式にした場合にアイキャッチ画像が 500px四方にトリミングされる件で、その画像をオリジナル画像に変更して自由にサイズを決められるようにする Javascriptを以下のペー...
「はてなブログカードの iframe 内を弄る(自サイトのみ)」に書いた自サイトのブログカードを別ウィンドウで開かないように iframeの中の aタグの target要素を変更しようとした件、わけがわからなくなってい...
外部リンクを別ウィンドウで開く方法はてなブログでは、公式のエディタを使ってリンクを挿入しますと外部サイトであっても同じウィンドウ(タブ)で開いてしまいます。HTML編集で target...
はてなブログをカスタマイズする場合、css だけでは思うようにならないことがあります。その場合は Javascript を使い、DOM 操作をおこなって要素を追加したり、移動したりするしかありません。...
当サイトのデザインテーマを2019年バージョンに変更しました。白ベースの割とミニマムなデザインにしてみました。これまでは下のテーマでした。...
オフキャンバスメニュー付 はてなブログテーマ(開発環境)前記事「はてなブログをグリッドレイアウトとDOM操作モジュールでカスタマイズ」で予告しておきました「はてなブログDOM操作モジュール imzModules...
はてなブログをグリッドレイアウトとDOM操作モジュールでカスタマイズこのブログのテーマを作り変えようと思います。まずは、ベースとなるグリッドレイアウトのSASS開発環境とユニークなテーマづくりに必須のD...
はてなブログでページ読み込み時のDOM操作をモジュール化するはてなブログで自分の思うようにカスタマイズしようとしますとDOM操作が避けられなくなります。そのコードを毎回コピペするのではなく、モジュール化して g...
はてなブログに CSS グリッドレイアウトを導入してみるはてなブログのテーマを display: grid を使って作ってみようと思います。ブラウザの対応状況は Can I use... Support tab...
はてなブログテーマ開発(8)スマホ用 offcanvasmenu の作り方別ブログ「@半径とことこ60分」のテーマ変更を機に、はてなブログのテーマ開発について書いています。今回はスマホ用のナビゲーションメニュー...
はてなブログテーマ開発(0)とりあえず完成させた別ブログ「@半径とことこ60分」のテーマ変更を機に、はてなブログのテーマ開発について書いています。まだいろいろ書くことはあるのですが、テーマ変更とともに独自ドメイ...
gulp で sass コンパイル環境を構築 + autoprefixer + browser-syncはてなブログのテーマの作り方(それほどでもないけど)を7回ほど書いていまして、前回、display: gr...
はてなブログテーマ開発(番外)グリッドレイアウトを使ってみる記事ページの基本構造がほぼ出来ましたので、トップページに移り、ブログタイトルなど共通部分がこのままでいけるかどうか確認します。トップページのレ...
はてなブログテーマ開発(7)フォントサイズを可変にするフォントサイズの指定っていうのは結構悩ましいですね。絶対値指定の px 、相対値指定の %, em, rem 、最近では vw も使われます。はてなブログテ...
はてなブログテーマ開発(6)Javascript を使って要素を移動するWordpress や Joomla! を使って自分でブログを立ち上げれば、そもそもの基本構造も自由に変えられるのですが、はてなブログなど...
はてなブログテーマ開発(5)ブログタイトル、記事タイトルの装飾はてなブログのサンプルテーマ Boilerplate を使ってのテーマ開発の5回目です。基本構造ができましたので、細部の装飾に入るのですが、トップペ...