5509

Site Search

めくる感覚で行き来できるページナビゲーションをCSSで実装する

ページナビゲーションが表示された状態のキャプチャ

要らないものを削った結果、記事が縦に長くなってしまうもんで、ページナビゲーション(前の記事、次の記事リンク)をどうしようかなぁとか思ってた。

ちょうど、シロさん(@___shiro_)が大胆なナビゲーション云々とTweetしてたのを見て、なーるほどと思い実装してみた。

こういったレイアウトのアーカイブのナビゲーションで、元のHTMLを一切触らずCSSだけで飛躍的に(?)ユーザビリティを高められるいい例になったかなぁ。どうやろ。その辺は要検証ということで。少なくとも自分で使う分には超使いやすいからこれはこれでオッケーなんですけども。

Read more

jQueryのbind、unbindみたいにnamespace使ってaddEventとかremoveEventできるやつ

jQueryのbindとunbindは超便利やなぁと思って、arguments.calleeじゃなくてもremoveEventできるようなやつ書いた。addEventListenerとremoveEventLisetenerにnamespace渡して管理できる的な。iOSで動けばいいからattachEventとdetachEventは入れてないです。

結局思いついたやり方でやって、jQueryちゃんと読んでないけど、やり方はこんな感じ?つまり絶賛勉強中。。

巡り巡ってElement.prototypeを断念、、ソース修正した。どうせならこっちの方が使いやすいかも。Elementのprototypeに差し込んだ

revision: gist: 904063

Read more

jQueryでWordPressにAjax検索を実装する

ナビゲーション改善のために検索をAjaxにしてリアルタイムにできるようにしました。WordPressなら楽々実装できます。本当は誰でも簡単に使えるようにコピペできるような内容にしようと思ったりもしたんですけど、残念ながら面倒くさくなったので、僕がこのブログに実装したコードを貼るだけにします。そうです、これが手抜きです。

Read more

ブログのテンプレートを変えました

このブログも初めてもうすぐ4年な気がします。どうも気分屋な僕です、なのにこれだけ続いてるのはすごいなぁとか思いながら、テンプレートを変えました。気分屋でした。

思いたったのが4月1日のAM1時過ぎ、今の状態になったのは4月1日のAM3時前くらいです。

今回は以下のポイントを重要と考えました。

  • 文字は大きく
  • 記事だけに集中できる
  • シンプルイズゴールデン
  • 基本的に記事を読むにあたってブログ側で提供するUIは必要ない
  • 無駄な待ち時間は発生させない(外部サービスは使わない)
  • 元のHTMLは極力そのまま使う(時間をかけたくなかったため)

Read more

書いてるひと

nori
nori
- フロントエンド・エンジニア
Location
- 東京