ブログ技術

はてなブログテーマ:「Flex PhotoGraph」を作成、テーマストアへ公開しました。

リリースしました! Flex PhotoGraph - テーマ ストア Flex PhotoGraph サムネイルをメインしたカード型の記事一覧表示を行う写真系のブログ向けテーマです。 どんな写真が掲載されているのか、ひと目で解る一覧をデザインしてみました。 mac safari8 2560*1…

トップページの記事一覧をflexboxにて、カード型2カラムのレイアウトに変更してみる。(はてなブログpro限定)

はてなブログテーマを作成しました。 tommyoctopas.hatenablog.com 設定でトップページの表示形式を一覧形式に設定している人向けの限定記事です。 なので、はてなブログpro限定の記事となります。 現在、使用しているテーマのまま、記事一覧を大きなサムネ…

トップページの記事一覧を2カラムにするflexboxを使った簡単な方法です。(はてなブログpro限定)

設定でトップページの表示形式を一覧形式に設定している人向けの限定記事です。 なので、はてなブログpro限定の記事となります。 この記事は、次にステップアップしております。こちらをご覧下さい。 トップページの記事一覧を超簡単に2カラムに出来ます。 …

2つの画像を簡単に横並びで表示する方法です。(ieのdisplay: flexのバグを暫定回避してflexboxを積極利用する試み)

はてなブログで画像を横並びで表示できないと諦めてる人いませんか? 簡単にできますよ! 記事コンテンツ幅内で自動的に縮小して、2つの画像を簡単に横並びにする方法です。 応用編 スマフォでは、どうか display: flexのCSS、flexboxを積極的に利用したい …

はてなブログのスマフォ表示のデフォルトデザインが、あまりに読み難いレイアウトなので、スマフォ向けCSSで少し改善してみました。

スマフォではスクロール操作による読み手側のストレス低減が必要かと思われます。 ゴリゴリ大量にCSSを叩き込んで改善するのでなく、気になった部分だけを、ピンポイントで最小のCSSで少し改善する事にしました。 はてなブログのフマフォ向け表示が読み難い…

はてなブログSSL暗号化通信(https)対応問題、10月から起こるかもしれない問題を解りやすく書いてみました。

はてなブログは、SSL暗号化通信(https)に対応していません。 現状のまま10月に突入してしまうと これから起こるかもしれない問題を 技術的なことではなく 解りやすく何が問題なのか書いてみました。 Chromeによるセキュリティ警告表示の問題 この問題を…

はてなブログの新しい機能、固定ページの利用方法で思いついた事

親ブログの写真はサムネイル中心、オリジナルは固定ページで 親ブログで使用した写真素材を固定ページでギャラリー化して写真のみ掲載する。 これにより親ブログでは写真をサムネイル程度にし、文書スペースが確保し易くなる 親ブログは文書中心のスタイルと…