PCでファイル保存と同時にスマホなどでリロードされるJSを書いてみた | kzms2 – html,css,javascript
概要 エディタで保存して、いちいちブラウザに切り替えてリロード。 この作業ってコーディングしていると腐るほどするので面倒くさくなりますよね。 PCだけで完結するなら昔書いたエントリー（これは便利！エディタで保存と同時に3ブラウザを更新）に書いてあるようにWindowsならどうにかできます。 ですがスマホとかになるとリロードとか非常に大変！ というわけで作ってみました。詳細は↓の動画を見てみてください。 スマートフォンで自動リロード PCで自動リロード 特徴 使い方は簡単。編集しているファイルにJavaScriptを1～2行挿入するだけ。 1 2 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script src="http://kzms2.com/lab/r
条件付きで外部ファイルの読み込みが出来る「yepnope.js」 | Web活メモ帳
読み込みが完了するまで待機し、完了後のコールバック関数を設定できるようになります。 例えば、IEのためだけに書かれたコードを「if IE」タグを使うのではなく動的に変更する事が出来るようになります。 以下のようなコードで動作するようです。 yepnope([ { load: 'js/jquery.js', wait: true }, { test: Modernizr.geolocation, nope: ['googleapi.js', 'needs-googleapi.js'], wait: true, callback: function(){ alert('JS was loaded!'); } } ]); このコードはjQueryの読み込み完了後に、googleapi.jsとneeds-googleapi.jsを読み込み、 全ての読み込みが完了したらアラートを表示するサンプルです
HTMLで文字詰めするタイポグラフィー用JS | fladdict
HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me
