ブログ本来の目的である読む・書くにフォーカスしたクラシック過ぎないクラシックなテーマ「Who」をはてなブログテーマストアで公開しました。

背景画像をヘッダーとして活用するダークな雰囲気のテーマ「Noir」をはてなブログテーマストアに公開しました。

2021/10/17: 知見不足を反省しつつタイトルと文章を加筆・修正。 2021/11/05: 焼き付きの原因は白から黒、黒から白のような極端な色変化が長時間連続して行われるとその部分の液晶素子がうんぬんだそうです。つまりプログレッシブでも映像次第で焼き付きは発…

本日11月12日、はてなブログテーマ「Innocent」は3万ダウンロードを迎えることができました。 テーマの公開からもうすぐ4年が経ちます。個人ブロガー様から企業様まで、様々な方々に利用して頂いているようで感謝の気持ちでいっぱいです。 公開当初はまだ珍…

2022/09/24 「るんるん」さんから第1話～第98話（最終話）まで入ったファイルを提供して頂きました。本当にありがとうございました。 https://drive.google.com/file/d/1-h8O0fLUQCoPZXZGWgiRVquZCIxuFSYy/view?usp=sharing 2020/10/20 数ヶ月前、当記事のコ…

はてなブログテーマ「Innocent」に「おすすめ記事リスト機能」を追加しました。ヘッダー下に数行の HTML を記述するだけで、よく読まれている記事をまとめブログ風のリスト形式で表示できます。詳細は続きを読むからご覧ください。

はてなブログテーマの制作者は、テーマストアに制作したテーマを投稿する際に「ライセンス（利用規約）」を設定できます。設定できるライセンスは大きく分けて「カスタマイズ可」「カスタマイズ不可」「商用利用（アフィリエイト）不可」など様々ですが、今…

はてなブログにはいわゆる概要表示（アイキャッチ画像と文章の一部を抜粋してリストで表示する）機能がありません。自分もそうですが、トップページの記事一覧をアーカイブページのようにすっきりと表示させたい！という方は結構多いのではないでしょうか。 …

続きを読むボタンのデザインを変更したいとのコメントを頂いたので、いくつかのサンプルを掲載したいと思います。掲載しているサンプルは全て Innocent 用になりますが、コードを一部修正すれば Blank やその他のはてなブログテーマでも使用可能です。

先日、とあるはてなブログユーザーの方から「有償でブログをカスタマイズして頂けないでしょうか？」との依頼を頂きました。 特に明記していないにも関わらずそのような依頼を頂いたということは、自分を高く評価して頂いたということで大変嬉しく思います。…

photo by riklomas Innocent と Blank で、id:bulldra 氏が制作したパンくずリスト（はてなブログでGoogleにパンくずリストを認識させるブログパーツ - 太陽がまぶしかったから）のカテゴリーとカテゴリーの間に挿入される > が全て最後のカテゴリーの後ろに…

はてなブログには、カエレバやヨメレバといった外部サービスを使わず、管理画面から直接記事に Amazon の商品を紹介できる機能「Amazon 商品紹介」があります。 非常に便利ですが、Amazon の商品ページへのリンクかどうか一目で分からないという弱点があり、…

※Dropbox の Public フォルダが廃止になる 2017/03/15 以降、この方法は使えなくなります。 はてなブログのテーマ制作やデザインカスタマイズで CSS を編集する際、Dropbox の共有フォルダを使うとぐっと楽になります。 Dropbox の共有フォルダに CSS ファイ…

はてなブログテーマ「Innocent」はナビゲーションバーを内蔵しています。面倒なCSSを記述することなく、簡単にナビゲーションバーを表示できます。

Blank をベースに更なる改良を加えたはてなブログテーマ「Innocent」をテーマストアにて公開しました。フォントの色やサイズ、余白を調整しよりレスポンシブに進化しました。デザインの詳細は続きを読むからご覧ください。

はてなブログで jQuery プラグインを使うとなると、ファイルをどこに置くか？という問題に直面します。外部ファイルの呼び出し（ファイル置き場として利用すること）を許可しているサーバーは少ないですし、Dropbox や Github を使うのもなんだかなあという…

はてなブログには標準で読み込まれるアイコンフォントがあり、クラス等を指定すれば誰でも使えることは以下の記事で以前から知っていたのですが、なんとなく CSS を見ていたら使えるアイコンの数が以前よりかなり増えていることが分かったのでメモしておきま…

はてなブログの「タイトル画像」機能はオプションが少なく、せっかく設定しても意図した通りの表示にならないケースが少なくありません。今回はそんなタイトル画像機能の不満を解消するテクニックを数点掲載します。

ブログの購読率向上のために、記事の下やサイドバーに表示する アイコン付き SNS フォローボタンの HTML って、こんな感じで書かれていることが多いと思います。 よくあるパターン1 <ul class="follow-me"> <li><a href="https://twitter.com/hogehoge"><i class="fa fa-twitter"></i></a><li> <li><a href="https://www.facebook.com/hogehoge"><i class="fa fa-facebook"></i></a></li> <li></li></li></li></ul>

画像1 画像2 はてなブログでは、記事に貼り付けられたはてなフォトライフの画像はクリックすると画像2のように lightbox 風に開かるけども、lightbox 風に画像を開くならその背景（オーバーレイ）色は白より黒の方がより画像が映える気がするので、例によっ…

記事やサイドバーの見出し、あるいはボタンなどに上下左右均等に余白を取りたいとき、例えば padding: 10px と指定しても妙に上下方向だけ伸びていることがあるが、これは余白を指定した要素に含まれる文字が親要素に指定された line-height の影響を受けて…

はてなブログのグローバルヘッダーの高さは、User Agent に Mobile が含まれている時（スマホ閲覧時）とそうでない時（タブレットあるいはPC閲覧時）でそれぞれ 44px と 37px に変わるので、スマホでもそれ以外でも常に画面上部に固定する場合はめり込みを防…

photo by photosteve101 3月中旬に WordPress から移行してから今日まで毎日更新を続けてきたのだけれど、7月に入ってから暑さや湿気でいつも以上に家にこもる生活が続き、ゲームやガジェット関連のニュースを引用してなんとか更新を続けるという「ブログに…

photo by LoKan Sardari 春夏秋冬の中で夏が一番嫌いだ。というより、湿気が嫌いだ。根っからのインドア派だけど、海にキャンプにバーベキュー、プールに祭りに花火大会などなど夏ならではの楽しみを味わいたい気持ちはゼロじゃない。でも、見えるんだよ、ウ…

ゴシック体にもそろそろ飽きてきたので、気分転換に日本語化フォントの指定を「源真ゴシック等幅 Bold」から「しねきゃぷしょん」に変えてみた。洋画の字幕っぽい雰囲気が Fallout 3 の世界観と合ってて良いかもしれない。ちょっと半角が詰まり気味だけど。 …

最近密かにハマっている Fruits Ninja（本当に今更感はあるけれど）のアーケードモードで 1428 ポイントを叩きだしたので記念に記事に書いておく。道場とブレードの組み合わせはそれぞれ10個のフルーツが画面下部から不定期的に湧き上がるグレートウェーブ道…

photo by buck82 朝7時30分頃に Twitter で「今日はうちわで耐えるぜ！」なんて元気よく呟やいたけれど、30分後にはもうエアコンのスイッチを入れておりました。近くの公園のセミも今日から鳴き始めて、いよいよ夏という感じ。冷蔵庫の氷も消費に供給が追い…

ファミコン時代のロックマンを彷彿とさせるテイストのチップチューンBGMが素晴らしいいわゆる"死にゲー" VVVVVV のウィンドウモード時の解像度を変更する方法をメモ。下記の方法で解像度を変更すると次回起動時からずっとその解像度で起動するようになる。と…

2、3日前から、「Blank 記事幅 変更」という検索キーワードでこのブログに訪れる訪問者が多いので、簡単に解説しようかと思い…ましたが、サイドバーを 300px に固定するために少々理解し難い CSS を書いているため、"即"使えるよく使いそうな幅のサンプルCSS…

Best Buy ASUS が今年の Computex で発表した Android タブレット「ZenPad」の販売が米国で始まった模様。主なスペックと価格は以下の通り。 製品名 ZenPad 7 (Z170C) ZenPad S 8.0 (Z580C) CPU x3-C3200 Z3560 メモリ 1GB 2GB ストレージ 8GB/16GB 16GB/32G…