トップページ

はてなブログ改造大作戦 トップページを固定化する お問い合わせフォームを実装する スマホ用ボトムナビゲーション 軽量・高速ソーシャルボタン カテゴリーをタグクラウドにする はてなブログを Wordpress 風に変身 はてなブログ用スライダー はてなブログ C…

はてなブログをグリッドレイアウトとDOM操作モジュールでカスタマイズ

はてなブログをグリッドレイアウトとDOM操作モジュールでカスタマイズ このブログのテーマを作り変えようと思います。 まずは、ベースとなるグリッドレイアウトのSASS開発環境とユニークなテーマづくりに必須のDOM操作をモジュール化してまとめてみました。 …

はてなブログでページ読み込み時のDOM操作をモジュール化する

はてなブログでページ読み込み時のDOM操作をモジュール化する はてなブログで自分の思うようにカスタマイズしようとしますとDOM操作が避けられなくなります。そのコードを毎回コピペするのではなく、モジュール化して github.io などに上げておき、オプショ…

CSS Grid Layout の auto-fit を @mixin で実現

CSS Grid Layout の auto-fit を @mixin で実現 「CSS Grid Layout の auto-fit を擬似的に IE11 で実現させる」の続きです。 IE11 では対応していいない Grid Layout の auto-fit を擬似的に対応させます。擬似的というのは、auto-fit を使えばメディアクエ…

Joomla! 3.9.1 バグフィックスが公開されています

Joomla! 3.9.1 バグフィックスが公開されています Joomla 3.9.1 Release 先日公開された Joomla 3.9 のバクフィックス版がリリースされています。テストサイトでチェック後のアップデートをお勧めします。 Joomla 3.9.1 is now available. This is a bug fix…

CSS Grid Layout の auto-fit を擬似的に IE11 で実現させる

CSS Grid Layout の auto-fit を擬似的に IE11 で実現させる CSS Grid Layout を使いますとウェブの表現力があがりますね。「グリッドレイアウト」などでググってみてください。おしゃれなサイトがいっぱい紹介されています。このブログもそろそろグリッドレ…

Ameba Ownd(アメーバ オウンド)は使えるか?

Ameba Ownd(アメーバ オウンド)は使えるか? わけあって、Ameba Ownd(アメーバ オウンド)が小規模ウェブサイトとして使えるかを試すことになりました。 条件は、現在 Joomla!(Wordpress と同じようなものと考えてください)で運用しているサイトを代用…

(2)Joomla 3.9 は何が変わったのか?

(2)Joomla 3.9 は何が変わったのか? 「Joomla 3.9 は何が変わったのか?」の続きです。 Joomla 3.x シリーズの10番目のマイナーリリース 3.9 が公開されていますので、まもなく公開されるであろうメジャーバージョンアップ Joomla 4 を前にして何が変わ…

Joomla 3.9 は何が変わったのか?

Joomla 3.9 は何が変わったのか? Joomla 3.x シリーズの10番目のマイナーリリース 3.9 が公開されていますので、まもなく公開されるであろうメジャーバージョンアップ Joomla 4 を前にして何が変わったのかインストールして試してみました。 The Privacy To…

IE11 で使えない CSS プロパティ:値(メモ)

IE11 で使えない CSS プロパティ:値(メモ) 普段ほとんど IE のことは頭から落ちてしまっていますが、時々 IE ではどんなんかな?と見てびっくりすることがあります。で、IE っていつまでサポートされているの?と調べてみましたら、なんと 2025年10月15日…

はてなブログに CSS グリッドレイアウトを導入してみる

はてなブログに CSS グリッドレイアウトを導入してみる はてなブログのテーマを display: grid を使って作ってみようと思います。ブラウザの対応状況は Can I use... Support tables for HTML5, CSS3, etc です。IE にベンダープレフィックスを付けても機能…

Google Web Fonts の subset=japanese の意味がわからない

Google Web Fonts の subset=japanese の意味がわからない 前記事 で書きましたように別ブログ「@半径とことこ60分」に Google の Web フォントを導入しましたので、デベロッパー・ツールで読み込み速度がどんなものか調べてみました。 なお、標題の件、こ…

はてなブログで Google Web Fonts を使ってみる

はてなブログで Google Web Fonts を使ってみる 日本語早期アクセスとして公開されていた日本語 Google Web Fonts が正式版になっていますので使ってみましょう。 ウェブフォントとは? 日本語 Google Fonts の導入 はてなブログに設定する ウェブフォントと…

はてなブログテーマ開発(8)スマホ用 offcanvasmenu の作り方

はてなブログテーマ開発(8)スマホ用 offcanvasmenu の作り方 別ブログ「@半径とことこ60分」のテーマ変更を機に、はてなブログのテーマ開発について書いています。今回はスマホ用のナビゲーションメニューを作ります。 はてなブログテーマ開発(1) はて…

Joomla! 3.8.13 セキュリティリリースが公開されています

Joomla! 3.8.13 セキュリティリリースが公開されています Joomla 3.8.13 Release セキュリティレベル「低」5つのセキュリティリリースが公開されています。テストサイトでチェック後のアップデートをお勧めします。 What's in 3.8.13? 3.8.13 リリースの理…

rgba の16進数表記 #rrggbbaa はダメだって!?

rgba の16進数表記 #rrggbbaa はダメだって!? 通常、ブラウザは Chrome か Firefox を使っていますので、IE はもとより Edge も、チェック時以外はほとんど立ち上げることもありません。で、たまたま、映画のレビューブログ「そんなに褒めないよ。映画評」…

はてなブログテーマ開発(0)とりあえず完成させた

はてなブログテーマ開発(0)とりあえず完成させた 別ブログ「@半径とことこ60分」のテーマ変更を機に、はてなブログのテーマ開発について書いています。まだいろいろ書くことはあるのですが、テーマ変更とともに独自ドメイン化と HTTPS 化をやろうというこ…

nodist で管理する npm のバージョンアップ

nodist で管理する npm のバージョンアップ Windows 上の node は、nodist でバージョン管理しているのですが、node をバージョンアップしても npm のバージョンがあがりません。 nodist をインストールした際にも上がらないなあと気になりつつそのままにな…

gulp で sass コンパイル環境を構築 + autoprefixer + browser-sync

gulp で sass コンパイル環境を構築 + autoprefixer + browser-sync はてなブログのテーマの作り方(それほどでもないけど)を7回ほど書いていまして、前回、display: grid を使ってみようと思いましたが、Hatena-Blog-Theme-Boilerplate ではベンダープレ…

EaseUS Data Recovery Wizard Free で SD カードの写真を復元する

EaseUS Data Recovery Wizard Free で SD カードの写真を復元する 別ブログの「@半径とことこ60分」では、ウォーキングに出かけた際の写真をアップしたりしています。記事を書いた後はすべて削除してしまう癖がついていますので、あっ、しまったと後悔しても…

はてなブログテーマ開発(番外)グリッドレイアウトを使ってみる

はてなブログテーマ開発(番外)グリッドレイアウトを使ってみる 記事ページの基本構造がほぼ出来ましたので、トップページに移り、ブログタイトルなど共通部分がこのままでいけるかどうか確認します。 トップページのレイアウトは、1カラムでグリッドレイ…

はてなブログテーマ開発(7)フォントサイズを可変にする

はてなブログテーマ開発(7)フォントサイズを可変にする フォントサイズの指定っていうのは結構悩ましいですね。絶対値指定の px 、相対値指定の %, em, rem 、最近では vw も使われます。はてなブログテーマ開発の7回目は、フォントサイズを可変に出来ない…

はてなブログテーマ開発(6)Javascript を使って要素を移動する

はてなブログテーマ開発(6)Javascript を使って要素を移動する Wordpress や Joomla! を使って自分でブログを立ち上げれば、そもそもの基本構造も自由に変えられるのですが、はてなブログなどではそんなわけにはいかず、せいぜい CSS で見た目を変えるくら…

Joomla! 3.8.12 セキュリティ & バグフィックスがリリースされています

Joomla! 3.8.12 セキュリティ & バグフィックスがリリースされています Joomla 3.8.12 Release セキュリティレベル「低」3つのセキュリティ & バグフィックス 3.8.12 がリリースされています。テストサイトでチェック後のアップデートをお勧めします。 Joom…

はてなブログテーマ開発(5)ブログタイトル、記事タイトルの装飾

はてなブログテーマ開発(5)ブログタイトル、記事タイトルの装飾 はてなブログのサンプルテーマ Boilerplate を使ってのテーマ開発の5回目です。基本構造ができましたので、細部の装飾に入るのですが、トップページは各記事やアーカイブとは別に考えること…

はてなブログテーマ開発(4)ブログの基本構造を作る

はてなブログテーマ開発(4)ブログの基本構造を作る はてなブログのサンプルテーマ Boilerplate を使ってのテーマ開発の4回目です。前回で自動リロードの環境も整いましたので、実際に scssファイルに手を加えていきます。 はてなブログテーマ開発(1) は…

ThinkPad E430 の HDD を SSD に換装

ThinkPad E430 の HDD を SSD に換装 知り合いの E430 がむちゃくちゃ重くなったと相談を受け、一番効果があるのは SSD 換装だよと勧め、実際にやってみました。 すでに自分の ThinkPad E420 を SSD に交換していますので迷うことはありません。 ThinkPad E4…

はてなブログテーマ開発(3)HTTPS環境下でBrowsersyncの自動リロードを実現

はてなブログテーマ開発(3)HTTPS環境下でBrowsersyncの自動リロードを実現 はてなブログテーマ開発(1) はてなブログテーマ開発(2) 今回は、HTTPS環境下の開発でも Hatena-Blog-Theme-Boilerplate(Boilerplate) の自動リロードを有効にする方法です。…

ドメイン移管(2)/エックスドメインからバリュードメインへ

ドメイン移管(2)/エックスドメインからバリュードメインへ ドメイン移管/エックスドメインからバリュードメインへ 上記記事のその後です。バリュードメインからエックスドメインへ移管申請をし、エックスドメインからのメールで、キャンセルの場合は8…

はてなブログテーマ開発(2)Hatena-Blog-Theme-Boilerplate を使って

はてなブログテーマ開発(2)Hatena-Blog-Theme-Boilerplate を使って はてなブログテーマ開発(1) はてなが公開しているサンプルテーマ「Hatena-Blog-Theme-Boilerplate」を使ってのテーマ開発の2回目です。 npm-scripts cssファイルのインポート _core.s…