You Don't Need jQuery - Qiita
注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。「これはもう動かないよ」という印をつけたいのです。 この記事はYou Don't Need jQueryの日本語訳と同じ内容です。 先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。 なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。 追記 この記事は当初は「もうjQueryは必要ない」というタイトルで
[JS]jQueryのプラグイン100選 -2012年総集編
2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。 スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっています。 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 ナビゲーション関連 レイアウト関連 レスポンシブ関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
マイクロソフトが戦略変更。HTML5が唯一のクロスプラットフォーム、SilverlightはWindows Phone 7のプラットフォームに
「私たちの戦略をシフトした」と、マイクロソフトのサーバー&ツール ビジネス担当 プレジデントのボブ・マグリア氏が、ブログAll About Microsoftのエントリ「Microsoft: Our strategy with Silverlight has shifted」のインタビューで語っています。 新たな戦略では、SilverlightはWindows Phone 7のアプリケーション開発プラットフォームとなり、HTML5がiPhoneなどモバイルも含むクロスプラットフォームに位置づけられると説明しています。 Publickeyでは以前から「iPhone OSのFlash排除で、HTML5/JavaScriptだけがマルチプラットフォーム対応として残った」と、HTML5が唯一のクロスプラットフォームとなり、マイクロソフトのSilverlightやアドビスシテムズのFlashが目指し
【レビュー】IE9互換モードまとめ (IE9、IE8、IE7、IE6) | エンタープライズ | マイコミジャーナル
Windows Internet Explorer 9 現在開発が進められているIE9は、これまでのIEシリーズの中でもっとも標準規約に準拠したものになる。しかし、IE6やIE7に準拠するように開発されたサイトやWebアプリケーションもあり、IE9はこうしたレガシーコンテンツにも対応する機能も提供している。こうした互換機能に関するまとめがIE’s Compatibility Features for Site Developers - IEBlogに掲載されている。どういった機能が用意されているかがまとまっており参考になる。 説明によれば、IE9の互換機能は大きくみて2つの視点に分けられる。ブラウザモードとドキュメントモードだ。ブラウザモードにはIE9、IE9 Compatibility View、IE8、IE7があり、次の3つの振る舞いを決定する。 IE9が送るUser-Agentヘッダ
「Googleカレンダー」が"CalDAV"サポートで「iCal」と同期が可能に - ネタフル
「Googleカレンダー」が”CalDAV”をサポートして「iCal」との同期が可能になっています。 Google Calendar Adds CalDAV Supportというエントリーで紹介されていました。 カレンダーの同期の方法はいつも探しているのですが「Googleカレンダー」と「iCal」が同期してくれたら確かに便利です。 「Googleカレンダー」が”CalDAV”をサポートしたということで、方法としては「iCal」に「Googleカレンダー」のアカウント情報を追加するだけでOKです。 「環境設定」から「アカウント」を開き、新しいアカウントを追加します。 「ユーザ名」には「Googleカレンダー」に使用しているメールアドレス、パスワードも同様に、そして「サーバオプション」から「アカウントのURL」を設定します。 Google Calendar CalDAV support –
Elementary, ... Googleで「はらへった」と検索するとピザが届くようにするまで
日曜は、Plagger を初めてちゃんとさわってみました。 Plagger の概略は、miyagawaさん自身による このYAPC::NAのPDF がわかりやすいです。要するに、 『ネットからフィードを集める → （ごにょごにょする） → 出力する』をするものです。 この「集める」や「ごにょごにょ」や「出力」の部分に、ブロックを重ねるようにしてモジュールを重ね、自分の好きな起承転結にできるという点が実に Perl ぽい着想です。風がふけば桶屋がもうかるフレームワークと呼んでいます。 Subscription::Bloglines / Publish::Gmail まあ、まずは普通に使ってみようということで、「Bloglines から集める」→ （エントリごとに分割、RSS 広告除去、本文の内容をできるだけ収集→ Bloglines、Delicious へのリンク付与、はてブ登録数付与） →
TorrentFlux：サーバーで動かすBitTorrentクライアント | OSDN Magazine
TorrentFlux は、Apache、MySQL、PHPが動作しているサーバー上で動くBitTorrentクライアントだ。ほぼすべての操作をWebブラウザー上で行うよう実装されており、これにより従来のAzureusのようなクライアントにはない機能性を実現している。バックグラウンドにはBitTornadoクライアントがいて、キュー、ダウンロード、トレント・ファイルのシードを管理する。TorrentFluxを自分のマシン上で動かし、Webサーバー上のフォルダーの形でアクセスするという使い方ができる。また、帯域幅と転送速度を改善するために外部のホストにインストールすることもできる。 BitTorrentはピア・ツー・ピアのファイル共有プロトコルで、中核となる配布元がなくても大きなファイルを転送できるという特徴がある。これは、インターネット上に散在する多様なソースからそれぞれファイルの一部分を
カスタマイズできる多機能LightBox「Lightview」:phpspot開発日誌
Lightview Lightview was built to change the way you overlay images on a website. カスタマイズできる多機能LightBox「Lightview」。 次のように、背景色を赤にカスタマイズしたりできるLightBoxの登場です。 背景色のほか、角丸の度合いや、灰色背景の描画ON/OFFとその透明度、zIndex、表示の際のエフェクトなどをカスタマイズ可能です。 インストールは、必要なCSS/JSを読み込んだ後、<img> タグの rel 属性に lightview を設定するだけ。 (例： <a href='image.jpg' rel='lightview'>My image<a/> ) スライドショーの機能なんかも実装されています。 関連エントリ LightBox風に角丸で可愛く画像をポップアップしてくれる「F
Highslide JS-サムネール画像を拡大表示するスマートなjavascript - WEBデザイン BLOG
サムネールをクリックすると同一ウィンドウ上に画像を表示するというjavascriptでLightbox JS・Lightbox が有名かと思います。以前からあまりスマートではないと思っていたら、スマートにしたタイプのHighslide JSが公開されていましたので紹介します。 Highslide JS-サムネールをクリックすると同一ウィンドウ上に画像を表示します。サムネイル画像をワンクリックで拡大画像表示、そして拡大画像をワンクリックでサムネイル画像に戻します。とってもスマートです。Lightbox JSよりも若干ストレスなく画像表示できます。 Highslide JS - JavaScript thumbnail viewer http://vikjavev.no/highslide/ IE 4.0・Netscape 4.79には対応していませんが、その他の最新ブラウザには対応しています
Ajaxのキソのキソまとめ - builder by ZDNet Japan
Ajaxパワーの活用方法 Ajaxは、ウェブアプリケーションの開発方法や利用方法を大きく変えた破壊的な技術だ。Ajaxによってインタラクティブなページの作成が可能になったのである。Ajaxは現在もウェブの流行の最先端を走り続けている。 Ajaxという用語は比較的最近生まれたものだが、Ajaxを支えている技術は以前から存在していた。ブラウザに送られたウェブページの内容をあとから変更する機能自体は、何年も前からあったのである。たとえば、JavaScriptでiframeのsrc属性を変更するのもそのような技術の一つだ。 しかし、XMLHttpRequestオブジェクトが主要なブラウザで実装され、GmailやGoogle Mapsが公開され始めると、開発者はそれをきっかけとしてウェブページの構築方法をもう一度考えるようになったのである。 XMLHttpRequestオブジェクト Ajaxを可能に
まだこない・・ - PoWer Station
相変わらずamazonからは出荷予定の日付の変更と下手したら納品できずにキャンセルですみたいなメールが来て以来音沙汰が無く、ますます意気消沈な感じです。まぁ、ここまで待ったんだからとりあえず粘って待つことにしますが。しかしまぁ殿様商売とはまさにこのことですな。そろそろ何らかのプレスリリースなりなんなり出して詫びてもいいだろうに。（ ´_ゝ｀） 前回のエントリー：ニコニコ動画からPlaggerでPodcastを作りiTunesで見たいゼは思ってた以上にアクセスしていただけているようで、ソーシャルブックマークにもどんどん登録されているみたいです。恐縮です。 自前で実証して出来たテンションでほぼ勢いで書いたのでいろいろ不備も至らない表現もありで申し訳なかったんですが、あれからかなり何度も推敲してスクリーンショットもより分かりやすい感じに作り直しては更新しまくってしまいました。おかげでいい気分転換
Beginner's Guide：Webサービスの基礎知識 (1/7) - ITmedia エンタープライズ
Webサービスは、コンピュータ同士を直接結んでリモートリソースにアクセスする方法の1つである。本稿では、SOAPやWS-*規格群など、Webサービスの基礎知識をまとめた。 物理的に離れたコンピュータのプログラム間で情報を交換できることは、今日の企業における標準的な要件の1つだ。そしてリモートリソースへの最も一般的なアクセス方法が、HTTPによるサーバからクライアントへのHTMLファイルの転送、要するにWebサイトである。こうした情報伝達のやり方が功を奏している理由は、シンプルで身近に利用できるテクノロジーと標準規格が使われている点にある。しかし、Webサイトには根本的な限界がある。Webページの情報を理解できるのは人間だけで、コンピュータにはそれができないことだ。 Webサービスは、コンピュータ同士を直接結んでリモートリソースにアクセスする方法の1つである。本稿では、SOAPのような基本的
スノーモービルでライバルを蹴散らすレースゲーム「Snow Riders」
なぜか武装したスノーモービルに乗って、ライバルに先着することを目指すレースゲームです。中には、橋が落ちるまでにゴールしろというミッションもあります。 アクセスは以下から。 Snow Riders - ミニクリップゲーム－無料ゲームをプレイ タイトル。 キャラクターを選ぶ。色が違うだけで、性能は同じ。 操作はカーソルキーで移動、Xキーで攻撃。 playをクリックするとレース開始。 最初のステージはゴールすればOK。 いきなりみんなが爆弾を投げまくる。 平均時速85km、たぶん遅い。 橋が爆破されるまでに駆け抜けるべし。 橋になにかセットされている。 時間がかかりすぎると爆破されてしまいゲームオーバー。 成功すればかっこ良く切り抜けられます。 レースの方は3位以内でゴールするように条件が厳しくなる。 mission7であきらめました。
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
ITmedia Biz.ID：Webブラウザの限界に挑戦――オフラインでもGoogleが利用可能に
どんな多機能なブラウザであっても、どんなに便利なWebアプリであってもインターネットに接続できなければ満足に利用できない。この“限界”に挑戦するGoogleが発表したのが「Google Gears」だ。 Webブラウザの限界――。それはインターネットの接続環境だ。どんな多機能なブラウザであっても、どんなに便利なWebアプリであってもインターネットに接続できなければ満足に利用できない。この“限界”にGoogleが挑戦する。 →レビュー記事はこちら オフラインでも“仮想常時接続”――「Google Gears」 5月31日、Googleは「Google Gears」と呼ぶプラットフォームを発表した。Ajaxなどの技術を活用したリッチコンテンツをオフラインでも利用できるようにする。エンドユーザー向けにはInternet Explorer 6以降やFirefox 1.5以降にインストールできる拡張
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
skyd.biz
Gmailをぐっと便利にしてくれるプラグイン『MailBrowser』 | 100SHIKI
Lightboxスクリプトいろいろ - DesignWalker
Flickrに掲載されているグラビアアイドル画像2800枚
JavaScriptを利用してフォームの二重送信を防止する：CodeZine