この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.

Revision 2.2 Aaron Whyte Bob Jervis Dan Pupius Eric Arvidsson Fritz Schneider Robby Walker This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see "Hooray" appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there's a "toggle all" at

画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには？ とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意！ やや動作が重いです！ うまく変換できなかったときは、画面をダブ

ContentFlow デモ スライドはさまざまな操作に対応しています。 スライドバー サムネイル画像のクリック マウスホイール mouse wheel control キーボード操作 keyboard control 対応ブラウザは、IE8, Fx3など主要なブラウザのほとんどをサポートしています。 各機能でサポートが異なるため、詳しくは「ブラウザの対応リスト」を参照ください。

何をスクロールさせるかの指定 全てのマッチする要素がスクロールさせられる。 $('div.pane').scrollTo(...);//all divs w/class pane window (screen)をスクロールさせる場合には以下のように。 $.scrollTo(...); どこへスクロールするかの指定 目標位置の指定には様々な方法がある。 数値 文字列（'44', '100px', '+=30px'など） DOM要素（スクロール可能な要素の子） スクロール可能な要素に関連付けられているセレクタ { top:x, left:y }のようなハッシュ。xとyは上記のように数値や文字列 水平、垂直両方向に移動し、x, yが違う値の場合のみハッシュが必要。詳しくは以下に。 セッティング アニメーションと最終地点をカスタマイズするための多くのオプションがある。 axis スクロールの軸。'

This domain may be for sale!

javascriptでブラウザの表示領域(非表示部分も含む)を取得するには、 標準モードか後方互換モードかで使えるプロパティが変わってくる。 そこらへんの話は、下記サイトがとてもわかりよいです。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 ) ブラウザの表示領域のサイズを取得する方法 ブラウザのスクロールバーで隠れている領域を含むサイズを取得する方法。 で、自分でhtmlを書く分には標準or後方互換にするかを決めれるものの ぐりもんのようにブラウザに組み込んでつかう場合は標準or後方互換の どちらのモードでも動かないといけないし、ライブラリにするのなら 標準or後方互換に加えブラウザ間も考慮しないといけなくなる。。 標準か後方互換かは、document.compatModeで判別が可能のよ

JavaScript Image Cropper UI, using Prototype & script.aculo.us This is a page from my old blog This page was imported from my old Wordpress Blog (which I stopped updating in 2011) and are here mainly for posterity. Although I have tried to clean things up there will be broken links and potentially other issues. About The JavaScript image cropper UI allows the user to crop an image using an interfa

Feature-Rich JavaScript Scheduler DHTMLX Scheduler is a JavaScript scheduling calendar with 10 views and customizable interface for developing any kind of scheduling applications.

jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X's Growl Framework works. Example Usage and Samples: // Sample 1 $.jGrowl("Hello world!"); // Sample 2 $.jGrowl("Stick this!", { sticky: true }); // Sample 3 $.jGrowl("A message with a header", { header: 'Important' }); // Sample 4 $.jGrowl("A message that will live a little longer.", { life:

Como indicaba en mi post anterior, la comunidad de progamadores que se está pasando al framework Javascript Mootools es bastante grande y yo me incluyo en el saco. Después de trastear un poco con esta librería, me he decidido a escribir mi primer plugin para ser utilizado con ella de modo que pueda conocer realmente cómo es desarrollar con Mootools. La idea de este nuevo plugin viene de Growl, un

Firefoxをお使いなら、アドオンなどを使ってGoogle検索の結果表示をあれこれカスタマイズすることができます。 しかし、これらのカスタマイズは単一のものが多く、いろいろやろうと思うとアドオンやスクリプトを複数インストールしなければならず、管理も面倒ですね。 結果タイトルに順位番号を振る、結果にサムネイルを付与する、ページを自動で送るなどの機能は、あれば便利なもので手放せなくなるものですが、今回は、こうした各種カスタマイズ機能を一つのスクリプトをインストールするだけで実現できるGreasemonkeyスクリプト「Google Fx」を試してみました。 「Google Fx」は、Firefoxにアドオン「Greasemonkey」をインストールしている環境にインストールするだけで、Googleの各サービスでインターフェースをカスタマイズすることができるというスクリプトです。 インストール

Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library. By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible. Lightview uses HTML5 to help you deliver the best experience across every browser. Let it enhance your media automatically or create c