はてなテーマ

はてなブログテーマ Hyperspace を公開しました。

はてなブログのテーマストアに投稿した「Hyperspace」の解説記事です。 Hyperspace - テーマ ストア デモサイト 概要 CSSオンリーバージョン 必須事項 推奨事項 カスタマイズ Javascriptバージョン デモサイト http://hyperspace.hatenablog.jp/

はてなブログテーマ hyperspace (完成)

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

はてなブログテーマ hyperspace=クロスブラウザチェック

今回、クロスブラウザという点で決定的な問題となるのは、CSS では、 viewport calc flexbox transition transform Javascript では、 LocalStrage, SessionStorage あたりです。 Chrome, Opera, Edge(Windows)は問題なし Firefox では、line-height に ca…

hyperspace じゃなくなってきた=はてなブログテーマ hyperspace (5)

HTML5UP のテンプレート Htperspace のデザインイメージをはてなブログに実現しようとやってきたのですが、随分違ったものになってきました。 hyperspace.hatenablog.jp 変わってきた理由は、このテーマはこのサイトに利用しようと思っているのですが、やは…

ページによる振り分け、動的に DOM要素を作る=はてなブログテーマ hyperspace (3)

「HTML5 UP の Hyperspace デザインイメージを「はてなブログ」で実現できるか?」の3回めです。 下がデモサイトです。時間が取れる時に少しずつやっていますので徐々に変わっていきます。 hyperspace.hatenablog.jp 次は、nav-panel に入れるコンテンツ作…

はてなブログテーマ hyperspace (2)

「HTML5 UP の Hyperspace デザインイメージを「はてなブログ」で実現できるか?」の2回めです。 まず、テーマ名を決めないと記事が分かりにくいですね。元デザインの名前「hyperspace」をそのまま使って作っていきます。 左サイトバー はてなブログでは、…

はてなブログテーマ=HTML5 UP の Hyperspace デザインイメージを「はてなブログ」で実現できるか?(1)

HTML5 UP で公開されているテンプレートのデザインイメージをはてなブログに移植(?)してみようと思います。正確には移植ではなく、デザインを拝借(パクリ?)する行為かと思います。 ライセンスは、クリエイティブ・コモンズとなっていますので、制作者…