横浜F・マリノスユース同期6人による新たな挑戦「ROOTS.」。新時代に適応するアスリートに必要な素質とは。
横浜F・マリノスユース同期6人による新たな挑戦「ROOTS.」。新時代に適応するアスリートに必要な素質とは。
The Annotator is an open-source JavaScript library and tool that can be added to any webpage to make it annotatable. Annotations can have comments, tags, users and more. Morever, the Annotator is designed for easy extensibility so its a cinch to add a new feature or behaviour. Check out the live demonstration or install it now. Adding annotation to your webpage using the Annotator is easy. Full in
Home - Annotator - Annotating the Web 超面白!文字を選択してその文字にコメントできるJSライブラリ。 ブログ等で記事のここにコメントしたい、といった場合に選択するとアイコンがあらわれます クリックするとコメント書き込みフォームがポップアップされます Saveボタンを押すと保存され、マウスオーバーでコメントが出るようになります コメント量の多いところはその分黄色く表示されます ストレージは自分のサーバに用意することもできますが、ホスティングを使う事もできます。 面白い上に、インタフェースが良い感じです。これを使ったサービスを作ってみるのも楽しそう。 関連エントリ スマホを判別するのに便利なJSスニペット ネットワーク図を美麗にビジュアル化できるJSライブラリ「sigma.js」 美麗なグラフをSVGで描画できるJSライブラリ「dc.js」 JavaScr
はじめに JavaScriptで新規ウインドウを表示するコードを書いていて、ちょっとつまづいたので、今さらながらJavaScriptのwindow.openや親子ウインドウの制御について調べてみました。※以下のコードはすべてIE7で検証しています。 ノンプログラマのためのJavaScriptはじめの一歩 (WEB+DB PRESS plus)posted with amazlet at 13.01.23外村 和仁 技術評論社 売り上げランキング: 17,179 Amazon.co.jp で詳細を見る window.openメソッドの使い方 window.openメソッドの第1パラメタには、表示するファイルを指定します。第2パラメタにはウインドウの名前、第3パラメタには、子ウインドウに対するオプションを指定します。第1パラメタ以外は、省略可能です。(ちなみにwindow.の部分も省略可能です
追記:2015年7月25日 最近、検索すると新しいタブではなく、新しいウインドウで開かれるようになりました。 期待する動作ではないので、方法を模索しましたが決定打がありませんでした。 仕方ないので、Chrome拡張機能を作りました。 GoogleChromeで選択テキストをショートカットで検索する拡張機能を作りました。 GoogleChrome速いですね。現在、メインブラウザとなっています。 毎日してるはずの検索、パソコン起動してるときって確実に検索してますよね? そんなライフワークな「検索」 GoogleChromeには拡張機能があるので、検索に関する拡張機能もいっぱい紹介されてます。 でもどれも僕の希望に合うものがありませんでした。 右クリックして検索サイトを選ぶものや、マウスジェスチャーするものがありました。 違うんですよね。 感覚的にテキスト選択したら、そのテキストを検索したいから
[選択されたテキストをAmazon.co.jpで検索]するJavascriptを手直ししてください。 このブックマークレットなのですが、Amazonの検索結果ページが現在のタブで開かれます。 javascript:q=""+(window.getSelection?window.getSelection():document.getSelection?document.getSelection():document.selection.createRange().text);if(!q)q=prompt("Search terms? ... ","");if(q!=null){location="http://www.amazon.co.jp/exec/obidos/external-search?mode=blended&tag=bookmardirect-20&keyword="+es
高さの異なる要素をグリッドに沿って、レンガ状に隙間なく並べるjQueryのプラグインを紹介します。 同種の有名スクリプト「Masonry」はアニメーションを使ってダイナミックにレイアウトを変更しますが、このWookmarkはシンプルに並べなおすだけです。 デモ:幅800pxで表示 [ad#ad-2] Wookmarkの使い方 実装はいたってシンプルです。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.wookmark.js"></script> HTML デモを例にHTMLはリスト要素など、並列に配置しま
第8回「最近注目を集めているJavaScript/jQueryのツール・テクニック45」 2010年04月09日 今回は、JavaScriptやjQueryを使ったテクニックやツールなどを紹介しよう。これまで同様の記事を何度か掲載してきたが、今回は海外で多くの注目を浴びたものを厳選している。フォームやボタン、カレンダー、ナビゲーション、デバッグ関連などさまざまな記事を紹介するので、ぜひチェックしてほしい。また、後半ではJavaScriptに関するリファレンスサイトなども紹介している。 余談だが、Smashing Magazineのページ上部にネットワークタブがあることをご存知だろうか。こちらでも記事を紹介しているので、ぜひご覧いただきたい。 翻訳元サイト:Smashing Magazine http://www.smashingmagazine.com/ 原文:45 Fresh Usefu
好きなことを、好きなようにまとめるブログ。 iPhoneやらVBSやらVista/XPやら。 ちょっとやって飽きてしまうのが難点。 思いついて調べるとiPhoneでもブックマークレットっていけるんですね。 よく考えてみれば、JavaScriptを実行するだけだからいけるのか。 ということで、 iPhoneのSafariで表示しているページ内を検索するブックマークレットを作成しました。 iPhoneのSafariには検索がないので、調べ物する時には困るんですよね。 現物は以下から。 iPhone用ブックマークレット ほるめすメモ帳 ソースよりも、利用方法から。 上のページにアクセスし、「ページ内検索ブックマークレット」下のソースをコピーします。 コピーしただけではブックマークに追加されないので、 適当にページをブックマークに追加したのち、コピーしたソースに書き換えます。 ページ内検索したいペ
JavaScript でページ内検索をしてヒットした件数を取得したい Chrome を使って、テキストボックスに入力した文字列がそのページに何件あるかを表示するプログラムを考えています。 JavaScript の window.find を使うのだと思いますが、具体的にうまくできません。 関数部分だけで結構ですので、どのように記述すればよいか教えてください。 ※ ローカル専用です。自分しか使いません。 基本は Chrome、できれば Firefox と IE で動けばなおよしです 文字列入力と JavaScript に渡すところ、件数を HTML に出力するところはなくてもOKです (あれば嬉しいですが)。 OS は Windows, Chrome は 4.0 です。
このページはJavaScriptの例文/サンプルを掲載しています。なお、対象としているのは基本的にWeb標準ブラウザ (Firefox, Safari, Google Chrome, Operaなど) としているため標準仕様から外れているInternet Explorer 6~8では動作しないものがあります。Internet Explorer 8より前のバージョンに関しては以前のJavaScript例文辞典を参照してください。このサイトではInternet Explorer 8以降には、ある程度対応しています。IE9からはCanvasなどHTML5関連APIにも対応しています。 iPhone/iPadおよびAndroid 4もHTML5に対応しています。ただし、Android 2.xに搭載されている標準ブラウザでは対応していないAPIが多いため、ほとんど動作しません。 カテゴリ内のページの
Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの本家です。jQuery
もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 2011年04月11日- Tipped - The Javascript Tooltip Framework | jQuery & Prototype Tooltips もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 これ1つで出回ってるであろう殆どのツールチップは作れる気がします。しかも全てハイクオリティ。 フレームワークということで以下の点をカスタマイズ可能 ・スキン ・ツールチップの位置設定(左右上下など) ・コンテンツをAJAX読み込み ・ローディング画像のカスタマイズ ・コールバック機能(afterUpdate)、イベント(onHide, onShow) ・APIの提供 スクリーンショットを以下にサンプルとして掲載。 それぞれがセンスがよくてどれをつかってもよい気が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く