はてなブログ

当サイトのデザインテーマを2019年バージョンに変更しました。白ベースの割とミニマムなデザインにしてみました。これまでは下のテーマでした。...

オフキャンバスメニュー付 はてなブログテーマ（開発環境）前記事「はてなブログをグリッドレイアウトとDOM操作モジュールでカスタマイズ」で予告しておきました「はてなブログDOM操作モジュール imzModules...

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

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

CSS Grid Layout の auto-fit を @mixin で実現「CSS Grid Layout の auto-fit を擬似的に IE11 で実現させる」の続きです。IE11 では対応し...

CSS Grid Layout の auto-fit を擬似的に IE11 で実現させるCSS Grid Layout を使いますとウェブの表現力があがりますね。「グリッドレイアウト」などでググってみてください...

はてなブログに CSS グリッドレイアウトを導入してみるはてなブログのテーマを display: grid を使って作ってみようと思います。ブラウザの対応状況は Can I use... Support tab...

Google Web Fonts の subset=japanese の意味がわからない前記事 で書きましたように別ブログ「＠半径とことこ60分」に Google の Web フォントを導入しましたので、デベロ...

はてなブログで Google Web Fonts を使ってみる日本語早期アクセスとして公開されていた日本語 Google Web Fonts が正式版になっていますので使ってみましょう。...

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

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

gulp で sass コンパイル環境を構築 + autoprefixer + browser-syncはてなブログのテーマの作り方（それほどでもないけど）を７回ほど書いていまして、前回、display: gr...

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

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

はてなブログテーマ開発（6）Javascript を使って要素を移動するWordpress や Joomla! を使って自分でブログを立ち上げれば、そもそもの基本構造も自由に変えられるのですが、はてなブログなど...

はてなブログテーマ開発（5）ブログタイトル、記事タイトルの装飾はてなブログのサンプルテーマ Boilerplate を使ってのテーマ開発の５回目です。基本構造ができましたので、細部の装飾に入るのですが、トップペ...

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

はてなブログテーマ開発（3）HTTPS環境下でBrowsersyncの自動リロードを実現はてなブログテーマ開発（1）はてなブログテーマ開発（2）今回は、HTTPS環境下の開発でも Hatena-Blo...

ドメイン移管（２）／エックスドメインからバリュードメインへドメイン移管／エックスドメインからバリュードメインへ上記記事のその後です。バリュードメインからエックスドメインへ移管申請をし、エックスドメインか...

はてなブログテーマ開発（2）Hatena-Blog-Theme-Boilerplate を使ってはてなブログテーマ開発（1）はてなが公開しているサンプルテーマ「Hatena-Blog-Theme-Boi...