Google リーダーのサービスが終了ということで、とりあえず乗り換え先にFeedlyを選んでみました。
フィードの移行も簡単にできますし、使い勝手もGoogle リーダーとそれ程変わらず、なかなかいい感じです。
ただ、Chromeの拡張機能のReader Plusを使っていたのでやはり記事リストは色分けしたくなり、
Chromeの拡張機能作成の勉強がてら、リストを色分けする拡張機能「FeedlyColorfulListView」を作ってみました。
ついでにfavicon表示も追加。
拡張機能の作り方はドットインストールをみて勉強しました。
Chrome Web Storeに登録するのに手間がかかりそうなうえ、
ざっくり作ったいろいろアレなものなのでとりあえずここで公開。
FeelyColorfulListView 0.0.11(2013.10.30)
manifestを修正。
ダウンロード
ファイルをダウンロードして、Chromeの拡張機能にドラッグするとインストールできます。
バージョンアップする場合は一旦拡張機能からアンインストールしてからインストールしてください。
スマートフォンサイトなどを作る上でも役に立つのではないかなと思います。
「…続きを読む」で文章を省略させるプラグイン [ jTruncSubstr ]
文章を省略させるプラグインはいくつかあるようですが、そのなかでも使いやすかったjTruncSubstrを紹介します。
(more…)
高さが異なるボックスをきれいに並べる際、便利なプラグインです。
このようなデザイン、たまに見かけます。
cssではちょっと工夫が必要なレイアウトですが、この、「jQuery Masonry」を使うと、きれいに・簡単に出来るんです。
jQuery Masonry
ちょっと見にくいかもしれませんがサンプルを・・・
サンプルページ
(more…)
IMAGESELECT
画像を選択できる、セレクトボックス。
そんなセレクトボックスが使える、ｊQueryのプラグイン。
デモ：http://www.sprouthead.com/sample/blog_test/page_jquery/20111007_select.html
(more…)
iphoneのアラームなどで時間を設定する時に出るアレ。
セレクト画面をくるくるっと動かせて、時間や日にちを選択する仕様。
あれって、jQuery mobileとかでできないのかなあー・・・と。
普通のセレクト画面をiphoneで見てもくるくる仕様にはなるのですが、月日を一緒にしたり、日時を一緒に選択するってできないですよね。
しかも、じゃあiphone以外だとどうなるの？ってことに。(Androidを持っていなくて、、；)
そんなことがあり、何とかしてスマフォ(Androidも含む)での日時選択のくるくる仕様が実現できないか探したところ、あんまり無いんですね；
結局、100％納得いくようなものは無かったのですが、それっぽいことが実現可能なプラグインを二つほど見つけました。
(more…)
前回、CSS、jsを使用したロールオーバーについて紹介しましたが、
今回はロールオーバーをカッコ良くするライブラリを紹介します。
ロールオーバーすると滑らかに画像が切り替わるライブラリ
透過PNGに対応したクロスフェードボタン「smoothRollOver.js」
(more…)
画像をロールオーバーさせる際、いろんな方法がありますよね。
ｃｓｓや、ｊｓなどを使って実現させたり・・。
今回は、その中で私が主に使っている方法を紹介させていただきます。
(more…)
