キーワード検索「src」
265
HTMLやCSSではプロトコル表記（http:、https:）の省略が可能です。 ということで、プロトコル表記の省略に関することを色々調べてみましたので、本エントリーで紹介致します。 このエントリーは、「「Google HTML/CSS Style Guide」を適当に和訳してみた」の以下の部分に対しての便乗記事です。 埋め込みリソースからプロトコル表記（http:,https:）を省略する。 <...
155
<script language="javascript" src="http://analyzer5.fc2.com/ana/processor.php?
164
greasemonkey, javascript | 応急処置 - リタマス を含むブックマーク" border="0" class="icon" height="12" src="http://d.hatena.ne.jp/images/b_entry_wh.gif" title="Twitter の OAuth 許可ページがあまりにも酷い => 応急処置 - リタマス を含むブックマーク" w...
109
JavaScriptのプロジェクトを新しく作るにあたってディレクトリ構成をどうするか悩んだので、オープンソースのライブラリなどを参考にすることに。ということで、モダンなJavaScriptライブラリ・フレームワークのディレクトリ構成をまとめてみました。 モダンと言ってはいますが、全然モダンじゃないライブラリも混ざってるかもしれないです。 jQuery jquery ├── build │ └─...
95
(function(){ var bsa = document.createElement('script'); bsa.type = 'text/javascript'; bsa.async = true; bsa.src = '//s3.buysellads.c
79
![[JS]表示サイズにあわせて最適なレイアウトを提供する高性能なスライドショーのスクリプト -Camera | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-camera.html)
Cameraのデモ Cameraの使い方 Cameraのデモ デモは上記のトップにあるものと、他に3種類のスライドショーがあります。 トップのものが一番シンプルで、Cameraの基本性能を楽しめます。 画像の切り替えには、美しいアニメーションが採用されています。 デモ：Fullscreen フルスクリーンタイプのスライドショー。 Cameraの使い方 Cameraで使用する基本的なHTMLの構造か...
65
![[JS]スムーズなアニメーションで開閉するアコーディオンのスクリプト -Accordion Image Menu | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-accordion-image-menu.html)
画像を使って、スムーズなアニメーションで開閉するアコーディオンメニューを実装するjQueryのプラグインを紹介します。Accordion Image Menuの実装HTML各パネルはリスト要素で実装されています。<ul id='menu'><li><a href='link1'><span>title 1</span><img src='image1.jpg' /></a></li><li><a ...
52
Facebook, JavaScripthttps://github.com/facebook/connect-js/blob/master/src/core/content.js#L113 // Dear IE, screw you. Only works with the magical incantations. // Dear FF, screw you too. Needs src _a...
71
How to Create an Awesome Image Preloader | Nettuts 画像を今風にプレロードするjQueryプラグイン。 画像をプレロードするというと、new Image してsrc に指定とかCSSで見えないようにしてロード等いうのが昔は一般的でしたね。 紹介されている jQueryプラグインを使うことで、画像の表示位置にローディングアニメーションを付けつつ、画像...
40
New browser detection only with HTML 2.0 without any JavaScript/CSS hacks.ExampleYour browser is...HTML source#!/usr/bin/perlprint qq{<img"s\x00rc="safari2.gif"/''src\x0b/="safari3.gif"/src\x00="ie.gi...
34
メモ。昨日あたりから一部で人気のjslinux。http://bellard.org/jslinux/何をやってるかよく分からなかったのでちょっとだけjsのソースを見てみました。まずHTMLのソース（の抜粋）。 body onload="start()"> script src="term.js">script> script src="cpux86.js">script> term.jsはJSで...
32
Google Chart APIを使えば画像ベースのグラフが簡単に作成することができる。しかし場合によっては外部にデータを渡すために利用できないかもしれない。そんな時に使えるのがYokulだ。 0 YokulはGoogle Chart API互換のグラフライブラリだ。さらに面白いのがサーバサイドの仕組みを用いないことだ。つまりCanvasタグを使ってJavaScriptだけでグラフを描くのだ。使い...
22
ダミー画像をFlickrから超簡単に呼び出して埋め込めるjQueryプラグイン「flickrBomb」 2011年06月22日- Rapid Prototyping with flickrBomb - ZURB Playground - ZURB.com ダミー画像をFlickrから超簡単に呼び出して埋め込めるjQueryプラグイン「flickrBomb」 必要なライブラリを読み込んで以下のように...
22
node.jsいろいろ作ってみる練習として。realtime-counterhttps://github.com/sugyan/node-realtime-counter script type="text/javascript" src="http://realtime-counter.herokuapp.com/counter.js">script> script type="text/jav...
16
「xAutoPagerize」がスマートフォン向けのGoogle検索にいつの間にか対応していたそうなので、試してみました。 以下を全てコピーしてから、適当なサイトを開いてブックマークに追加します。 javascript:(function(a,s){s=document.createElement('script');s.charset='UTF-8';s.type='text/javascrip...
19
HTML5ではvideo要素で（手軽に？）動画を再生できますが、枠だけ書き出しておいて（別にHTML直書きでいいですが）、動画を入れ替える場合は少し注意が必要です。たぶん。現状で動画フォーマットがいくつか存在しますが、複数のフォーマットをサポートしたい場合は以下のように書きます。<video controls="controls" width="352" height="198" preload=...
14
フォントサイズを変える「大・中・小」ボタンを画像も使って実装する方法 先にエントリーした内容の別版。前のはボタン部分をimgの画像として読みこんで、そのsrcを変えることで実現をしていたのですが、なんだか有用性が低かったきがしてならなかったので、もう少しシンプルに且つ画像でもCSSのボタンでもどちらでもOKなようなスクリプトに変えてみた。 今回の仕様 先に紹介しているものは、画像リンクを変えて実装...
14
XMLHttpRequestではファイルをアップロードすることができないので、jQuery.uploadというプラグイン (http://lagoscript.org/jquery/upload)を使います。使い方は簡単<script src="http://lagoscript.org/files/jquery/upload/jquery.upload-1.0.2.min.js"></scrip...
15
1つのHTMLでPC、iPhone、Android、BlackBerryに対応するスライドショーを作成出来るライブラリ。PhotoSwipe from Computerlovers on Vimeo.PhotoSwipehttp://www.photoswipe.com/読み込むファイルは以下の3つ。 script type="text/javascript" src="simple-inheri...
13
Google +1ボタンが公開されましたね。 早速当サイトでも設置してみましたので設置手順をご紹介。 設置方法 ボタンを設置したい場所に以下のタグを貼り付けます。 当サイトではsingle.phpの中に埋め込みました。 JavaScript <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></sc...
