はてなブログ

はてなブログのソーシャルボタンが重いということで、５秒後に読み込む方法を下記記事にしたのですが、もうひとつでしたので、今度は記事ブロックがウィンドウの上に到達した時に読み込む方法を考えてみました。www.imu...

はてなブログのソーシャルボタンはとても重いです。記事ページはまあなんとか許容範囲かと思いますが、トップページに５記事を表示したりしますと、ボタンの表示だけに３,４秒かかっています。で、何とかならないかと...

はてなブログのリンクは、標準ですと、外部リンクでも同じウィンドウで開きます。設定で変更することもできませんので、ググりますと、別ウィンドウで開くスクリプトがたくさんヒットします。数ページ見ただけですが、素の J...

はてなブログ テーマストアに投稿した Hyperspace の Javascript 版（以下、JS 版）の解説記事です。当サイトがそのテーマの導入サイトです。（当サイトはすでに他のテーマに変わっています） なお、以下...

はてなブログでは、グローバルヘッダーという、はてなブログロゴやユーザー向けのナビゲーションメニューが、標準ですと黒いバーで一番上に表示されます。これですね。このヘッダーは、はてなブログPro で...

はてなブログのテーマストアに投稿した「Hyperspace」の解説記事です。Hyperspace - テーマ ストアデモサイトhttp://hyperspace.hatenab...

スクリプトなしでアニメーションをスタートさせるトリガーに、:hover や :checked はよく使っています。たとえば、公開中のはてなブログのテーマでは、:checked を使ってモバイルのハンバーガーメニ...

ホバーエフェクトでググれば、かっこいいアニメーションのものがたくさんヒットします。ただ、スマホなどタッチデバイスの場合、a 要素にエフェクトをつけても、エフェクトが始まる前にリンク先に飛んでしまいます。他の要素...

「はてなブログテーマ hyperspace」がやっと完成し、当サイトで運用をはじめました。このテーマは、「Hyperspace by HTML5 UP」のデザインイメージに触発されて作り始めたのですが、いつのま...

今回、クロスブラウザという点で決定的な問題となるのは、CSS では、viewportcalcflexboxtransitiontransformJavascript ...

どこまで旧式ブラウザに対応するか、主に IE, iOS-Safari, Android の話になるのかと思いますが、結構悩ましい問題です。などと、はてなブログテーマ hyperspace を作るうえで迷っていた...

HTML5UP のテンプレート Htperspace のデザインイメージをはてなブログに実現しようとやってきたのですが、随分違ったものになってきました。hyperspace.hatenablog.jp変...

はてなブログのトップページは、記事をいくつか表示して、タイトルをクリックすると各ベージへ飛ぶという、いわゆる標準的なブログ仕様になっています。当たり前なんですが、ちょっと寂しいと思うこともあり、トップページだけ...

「HTML5 UP の Hyperspace デザインイメージを「はてなブログ」で実現できるか？」の４回めです。HTML5 UP で公開されているテンプレートのデザインイメージをはてなブログに移植（？）していま...

「HTML5 UP の Hyperspace デザインイメージを「はてなブログ」で実現できるか？」の３回めです。下がデモサイトです。時間が取れる時に少しずつやっていますので徐々に変わっていきます。hypers...

「HTML5 UP の Hyperspace デザインイメージを「はてなブログ」で実現できるか？」の２回めです。まず、テーマ名を決めないと記事が分かりにくいですね。元デザインの名前「hyperspace」をその...

HTML5 UP で公開されているテンプレートのデザインイメージをはてなブログに移植（？）してみようと思います。正確には移植ではなく、デザインを拝借（パクリ？）する行為かと思います。ライセンスは、クリエイティブ...

Yahoo! API を使って「漢字仮名交じり文」を「ひらがな」に変換するはてなブログのタイトルにふりがなを振り、php 配列に格納するはてなブログの記事の五十音順タイトル一覧を作るの三記事...

はてなブログのタイトルにふりがなを振り、php 配列に格納するの続きです。タイトルにふりがなが付きましたので、ふりがなでソートして書き出せばいいのですが、インデックスをどうするかです。450記事もありますと「あ...

Yahoo! API を使って「漢字仮名交じり文」を「ひらがな」に変換するの続きです。はてなブログの記事は、ダッシュボード > 設定 > 詳細設定 > エクスポート で MT形式のテキストファ...