faviconを書き換えてfacebookの通知っぽくしてくれるfaviconアラート実装ライブラリ「Tinycon」 2012年02月09日- Tinycon - Favicon Alert Bubbles faviconを書き換えてfacebookの通知っぽくしてくれるfaviconアラート実装ライブラリ「Tinycon」 次のように、Chromeのfavicon部分を書き換えて何件の通知があるかを分かりやすくできるJSライブラリです。 Chromeで開いてみると通知がどんどん増えていくのが面白いです。 IEでも、タイトルを書き換えて (27) タイトル のような感じで通知が分かるようになっています。 facebook等で通知があると嬉しいものですが、こうした形で通知がよりわかり易くなるといいですね。 関連エントリ 高機能なカルーセルを実装するjQueryプラグイン50まとめ 時間の入
jQueryは互換性を保ちつつも洗練されたAPIを取り入れているので、新しく書くときは新しいAPIを使った方が良い。 liveとかセレクタの:hoverとかはBad Partsだ。 jQuery.fn.on / jQuery.fn.off live/delegate/bind/click等は滅びた。全てonを使おう。 また、data引数を使う場合は必ずdataをオブジェクトかnullにする。dataが文字列の場合、関数の場合にセレクタ等と区別がつかないからだ。 $("body").on("click", function (event) { alert("Clicked!"); }, false); また、querySelector/querySelectorAllの登場によって、:hover等のjQuery固有のセレクタは滅びた。validなCSSセレクタと、jQueryのメソッドをch
死亡した後にアカウントを持っているインターネットサービスの挙動や、遺言執行サービスとか、どこかのエントリーで書いた気がするが、似たような話。 家族アカウント(もしくは家族管理サービス) アカウントは基本個人のものですが、家族の生活の中でPCを使っていこうとすると、家族アカウントという概念がないと難しい。我が家はリビングのテレビ=PCで、Media Centerを8年ぐらい使っていますが、リビングにPCがあるというのは、お手軽に仕事メール確認したり、二人でオンラインショッピングできたりとまぁ便利。(当然映画、音楽、写真管理もWMC便利ですがここでは割愛)そのうちブックマークレベルで情報を共有したりするのだが、横にいるのにメールでURL送るとか面倒な時もある。(例えばヤフオクで落札したい候補商品の共有とか)こういう時家族で共有できるアカウントがあるととても便利(特に子供のアカウント管理管理)。
Are you fascinated by dynamic data? Do you go green with envy when you see tweets pulled magically into websites? Trust me, I’ve been there. The goal of today’s tutorial is to create a simple Web app for grabbing movie posters from TMDb. We’ll use jQuery and the user’s input to query a JSON-based API and deal with the returned data appropriately. I hope to convince you that APIs aren’t scary and t
iTunes の曲の試聴時間がどうやら 90 秒とか、すげえ長くなってて、んじゃあこれだーっと流しといたら作業用 BGM にいーんじゃねーかと思ったんだけど、ランキングとかは連続再生してくれへんのですね。んじゃあ、HTML5 とか node.js の練習かねてつくってみっかーちゅうことでできました。スクレイピングしまくりなのでソースだけ。Heroku にアップしたら動くよ。(Safari & Chrome のみ) つかってるのは HTML5 (Audio, History), CSS3 (Transform, Transitions), CoffeeScript, Backbone.js, Stylus, haml-js, Bootstrap, node.js (express, request, async, nstore, node-dev), Heroku らへん。開発環境は Tex
NHN Japan ウェブサービス本部の「キョウ」と申します。 NAVERサービスのマークアップ等を担当している、「突っ込みづらいキャラ」で有名な男ですw 今回はマークアップエンジニアやSEOエンジニアの中で注目を集めている、 schema.orgについてご説明させていただきます。 この記事を読んでいる方の中には「schema.org公式サイト(英)」 「schema.org 日本語訳」をご覧になった方も多いと思いますが・・・ 皆様理解できましたか? 正直難易度が高いと思うので、初心者向けに内容を砕いて説明していきます。 目次 1. schema.orgとは? 2. schema.org導入メリットは? 3. schema.org 初心者向けQ&A 4. schema.org実践編 5. 最後に 1. schema.orgとは? 簡単に説明すると、schema.orgの仕様通りにH
Flashでよく見かけるテキストシャッフル演出(文字列がランダムで切り替わる演出、正しい呼び名はわかりませんw)をHTML5で作ってみました。HTMLのタグ(pタグとか)に使うバージョンと、HTML5の新要素Canvasを使うバージョンの二種類を用意しました。 【2017年4月26日 追記】 【重要】JSライブラリーはGitHubで更新しています。使用したい方は次のGitHubのリポジトリを御覧ください。 Canvas版はCreateJS 2015年版でも動作するよう更新しました。 デモ demo (HTMLエレメント版) demo (Canvas版) ソースコードはMITライセンスで公開してしますので、個人・商用問わずご自由にお使いください。 ShuffleText.js (HTMLエレメント版) ShuffleEaselText.js (Canvas版) それでは以下で使い方を紹介して
HTML5の一部として仕様が策定されているグラフィック描画のためのJavaScript API、Canvasについて紹介する書籍です。Canvasの2Dオブジェクトの描画に関する簡単なチュートリアルとリファレンスから構成されており、仕様の全体像を簡潔に知ることができます。Canvasでプログラミングをする際には手元に置いておきたい1冊です。なお本書はEbookのみの販売となります。 はじめに 1. Canvasチュートリアル 線の描画と多角形の塗りつぶし グラフィック属性 Canvasの寸法と座標 座標系の変換 座標変換の数学的な理解 座標変換のサンプルコード 曲線の描画と塗りつぶし 矩形 色、透明度、グラデーション、パターン 線を引くための属性 テキスト クリッピング 影 画像 合成 ピクセル操作 ヒット判定 Canvasの実例:Sparkline 2. Canvasリファレンス Can
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く