はてなブログ

はてなブログ/トップページの記事固定が公式で可能に

はてなブログ/トップページの記事固定が公式で可能に はてなブログのトップページで記事を固定することが可能になったようです。 ブログのトップページの先頭に、記事を固定できるようにしました - はてなブログ開発ブログ 試してみました。 記事固定方法 …

はてなブログ/touch, mouse を振り分け、hover イベントを統一する

はてなブログ/touch, mouse を振り分け、hover イベントを統一する :hover のないタッチデバイスで同等のイベントをどう実装するかの記事です。 タッチデバイスでの実装については、すでに「はてなブログ/スマホなどタッチデバイスの :hover イベント対応…

はてなブログ/ブレイクポイント1つのテーマのワイヤーフレーム

はてなブログ/ブレイクポイント1つのテーマのワイヤーフレーム 前記事、「(はてな)ブログのブレイクポイントはひとつでいいのではないかという話」のサンプルワイヤーフレームを作ってみました。 サンプル Codepen サンプル サンプル サンプルを開いて、…

(はてな)ブログのブレイクポイントはひとつでいいのではないかという話

(はてな)ブログのブレイクポイントはひとつでいいのではないかという話 Webサイトをレスポンシブデザインで作る場合、はてなブログで言えば、「レスポンシブデザインのテーマを作成する」場合は、メディアクエリ(Media queries)を使って、デバイスの表示…

はてなブログ/スマホなどタッチデバイスの :hover イベント対応

はてなブログ/スマホなどタッチデバイスの :hover イベント対応 映画のレビューを書いている別ブログ「そんなには褒めないよ。映画評」のデザインを変更しようとしているのですが、スマホの UI で停滞しています。 トップページは、「一覧形式」を利用して…

はてなブログ「一覧形式」の画像を美しく並べる

はてなブログ「一覧形式」の画像を美しく並べる トップページの表示形式を「一覧形式」に変更しますと、archiveページと同様の表示になり、画像は中央から 500px四方にトリミングされたサムネイルが 120px四方に縮小表示されます。その画像をオリジナルのも…

はてなブログのトップページに「前のページ」を実装する

はてなブログのトップページに「前のページ」を実装する はてなブログのトップページって、「全文形式」にしろ「一覧形式」にしろ、次のページへ飛びますと「前のページ」のリンクがなく、ブラウザの戻るで戻るしかないですよね。 なぜなんですかね? 必要な…

はてなブログ「一覧形式」の画像をオリジナルのものに変える

トップページの「一覧形式」の画像をオリジナルのものに変える サイトのデザインって、あれこれ手を加えてこれで良し!と思ったものでも、飽きてくるのか、しばらくすると変更したくなってきます。 このサイトはもう少し持ちそうなんですが(笑)、映画のレ…

ページトップへ戻るスムーズスクロール(jQueryなし)

ページトップへ戻るスムーズスクロール(jQueryなし) HTML Javascript CSS はてなブログ用 お問い合わせ等 当サイトの右下に表示している「 」は、クリックしますとスクロールしてページトップに戻ります。こうした「ページトップに戻る」リンクは最近では…

はてなブログの記事タイトルの一部を装飾する

はてなブログの記事タイトルの一部を装飾する ブログを書いていて、記事のタイトルの一部に装飾を加えたいと思ったことはないですか? 私は、下記ブログ「そんなには褒めないよ。映画評」で映画の感想やレビューを書いていまして、 www.movieimpressions.com…

はてなブログ用カルーセル imzCarousel Ver.1.1.0 旧バージョン iPhone対応&バグフィックス版

はてなブログ用カルーセル imzCarousel Ver.1.1.0 旧バージョン iPhone対応&バグフィックス版 障害発生の経緯 旧バージョン iPhone対応&バグフィックス版 ダウンロード 障害発生の経緯 先日、「はてなブログ用カルーセル仕様スライダー「imzCarousel」jQuery…

はてなブログ用カルーセル仕様スライダー「imzCarousel」jQueryなし

あまり需要はなさそうですが、「はてなブログ用スライダー」をもう一歩進化させて、最後の画像までいったら最初に戻るいわゆるカルーセル(回転木馬)仕様にしたものを作ってみました。レスポンシブデザイン対応、同一ページに複数個使用可、jQueryは必要あ…

バグ修正:はてなブログ用スライダー改訂版

前記事で公開した「はてなブログ用スライダー改訂版」にバグがあります。 バグと言いますか、私の知識不足ではあるのですが(ペコリ)、本体の Javascriptではなく、記事内に書くスライダーの呼び出しスクリプトに問題があります。 <div id="myslider"> [f:id:ausnichts:201711</div>…

はてなブログ用スライダー改訂版

11/15日の記事「バグ修正」にもとづき修正済みです。 少し前に作ったβ版程度の「はてなブログ用簡易スライダー」を、カルーセルにしたり、オートスタートなどのオプション指定できるようにしようと改良しようとしたのですが、ふと気づいてみれば、「はてなフ…

はてなブログの固定ページが役に立った!

当サイトは、はてなブログのトップページを固定にして Wordpress のような CMS っぽいデザインにしていますが、はてなブログの固定ページではトップページ指定できませんので、例によって予約投稿方式をとっています。 はてなブログのトップページを固定して…

はてなブログ用簡易スライダーを作ってみた

別ブログで縦長の新聞記事を引用しようとして、これ、幾つかに分けてスライダーにできないかなと思い立ち、簡易スライダーを作ってみました。 @半径とことこ60分 どういうものかは上の記事をご覧いただければわかると思いますが、6段の記事があり、そのま…

はてなブログ「続きを読む」クリックで記事ページ「続き」位置に飛ばす

当サイトはトップページに記事を表示していませんので問題ないのですが、別グログの「そんなにも褒めないよ。映画評」では、トップページに最新の1記事とその下に最新記事一覧を表示しています。 その際、記事の途中に「続きを読む」を挿入しています。 で…

はてなブログを独自ドメイン変更後にやったこと

前記事:はてなブログを独自ドメインに変更 はてなのサブドメインで運用していたはてなブログを Search Console に登録していた場合は、新しいアドレスに移転したことを知らせておかないといけません。 なぜいけないかは、おそらく旧アドレスでインデックス…

はてなブログを独自ドメインに変更

はてなブログの HTTPS化が遅れていますね。 9/25付のアナウンスでは、早ければ10月初旬にも管理画面の HTTPS化が行われるとありましたが、今のところ変わっていないです。 今更どうこう言っても始まりませんので気長に待ちましょう。 で、現在、独自ドメイ…

独自ドメインのはてなブログ wwwありなしを統一する

はてなブログを独自ドメインで運用しているこのサイトの wwwありなしを 302ではなく 301で統一しようとレジストラをエックスドメインに移管しました。 ドメイン移管/お名前.comからエックスドメインへ ドメイン移管/ネームサーバーの変更を忘れていた で、…

ドメイン移管/ネームサーバーの変更を忘れていた

ドメインをお名前.com からエックスドメインに移管したのですが、エックスドメインでネームサーバーの変更を忘れていました(笑)。 前記事:ドメイン移管/お名前.comからエックスドメインへ というより、自動的にエックスドメインのサーバーに変わるのかと…

ドメイン移管/お名前.comからエックスドメインへ

このサイトは、はてなブログを独自ドメインで運用しているのですが、wwwありなしを統一して正規化しようと、ドメインをバリュードメインからお名前.comに移管したところ、お名前.comの罠にはまり、Whois情報公開代行設定をせずに移管してしまいました。 そも…

はてなブログ HTTPS化のスケジュール発表!

はてなブログの HTTPS化のスケジュールがやっと発表されました。 やれやれですね。 「はてなブログへの接続をすべてHTTPSにできる機能の実装予定と、利用を検討するユーザー様に準備いただきたいこと」 staff.hatenablog.com 概要は、 10月初め以降:管理画…

はてなブログはHTTPS化するのかしないのか、早くアナウンスして!

Google Search Console から、当サイトも含め、はてなブログで運用しているサイトに Chromeでブラウズする場合「保護されていません」という警告を表示するとのメールが来ています。 すでに今年の1月でしたか、パスワードを入力する場合に HTTPS でなければ…

はてなブログPro に固定ページ機能が追加されました

固定ページを作成できるようにしました(はてなブログPro) - はてなブログ開発ブログ 当サイトがそうですが、はてなブログでトップページを固定しようとしますと、CSS や Javascript の手を借りないと出来なかったことが新機能として追加されました。6/27付…

はてなブログ機能追加/記事下に「関連記事」を表示します

別ブログなんですが、新しく記事を投稿してチェックしていましたら、記事の下に「関連記事」が5記事表示されているではありませんか。 あれ? なんだコレ? と、ちょうど記事投稿の際に設定画面を開いたりしていましたので、自分で何かいじったかな?とあれ…

はてなブログに Google Form を iframe で埋め込む

当サイトの 「 お問い合わせフォーム 」の実装方法です。 次の記事も参考にしてください。 iPhone で iframe を fixed にする場合の問題 iPhoneでは、フォーム入力のあるiframeをposition:fixedで使ってはいけない 仕様は次の記事を参考にしてください。 は…

はてなブログにお問い合わせフォーム実装

やっと当サイトにお問い合わせフォームを実装できました。 ここに至る前記事2つです。 iPhone で iframe を fixed にする場合の問題 iPhoneでは、フォーム入力のあるiframeをposition:fixedで使ってはいけない モバイル、タブレットの仕様 デスクトップの仕…

iPhoneでは、フォーム入力のあるiframeをposition:fixedで使ってはいけない

iPhone で、iframe を position:fixed にした場合の挙動に苦労しています。 前記事: iPhone で iframe を fixed にする場合の問題 問題整理 iOS アップデートでさらに挙動が変化 position:static で表示し上までスクロールさせる 問題整理 問題を整理します…

iPhone で iframe を fixed にする場合の問題

はてなブログ(当サイト)に Google Forms でお問い合わせフォームを作ろうとしているのですが、iframe をポップアップで表示する際に iPhone で引っかっています。 Googleフォーム自体は、すでに別記事で完成していますのでリンクで済ませればいいんですが…