;

コストパフォーマンスのいい本
「JavaScriptワークブック―ステップ30 」

2015/12/10 ♠ 0 コメントリンク先

入門書としてはわかりやすく、なにしろコストパフォーマンスがいいです。

Photoshopで Instagram っぽくレタッチするか?

2013/04/05 ♠ 0 コメントリンク先

いやいやー、なんとかしてくださいよ

そことなんとか!

FlashからHTML5へ変換

2012/09/17 ♠ 0 コメントリンク先

現在、「CreateJSツールキット」というCS6用のAdobeのプラグイン(機能拡)がある。
まだインストールしていないので評価できていない。

以前は「Wallaby Technology Preview」というものがあったが、今はないようだ。
こちらは、Actionscriptが動かないし、Google Chrome くらいしか正しく表示されない。
単純なアニメーションしか再現できず、Javascript/CSS3でアニメーションさせているようだ。

一方、Googleが提供しているものに「swiffy」というものがある。こちらは、Actionscript 2.0 は動く。

スマホの画面サイズ

2012/09/08 ♠ 0 コメントリンク先

スマートフォン(iphone、Xperia、GALAXY等)のviewportの最適な指定方法とは? – 画面サイズ(画面解像度)の一覧

Viewport

スマートフォンのための viewport について

スマートフォン向けサイトの作り方


スマホの比較

jQuery Mobile ギャラリー

2012/09/08 ♠ 0 コメントリンク先

jQuery Mobile Gallery

jQuery Mobile スマートフォンサイト

2012/09/05 ♠ 0 コメントリンク先

jQuery Mobile でスマートフォンサイトをつくるにはとりあえず、コレを読んで

jQuery の本

2012/08/25 ♠ 0 コメントリンク先

押さえておきたいのはコレ

 

で、とりあえず見ておきたいのがコレ

jQuery公式サイトと導入

2012/04/12 ♠ 0 コメントリンク先

jQuery公式サイト

jQueryは割りとバージョンアップします。
バージョンの違うjQueryを導入すると、なんだか動かなくなったりすることがありますので気をつけましょう。また、コンフリクト(衝突)といってプログラムがうまくかみ合わないこともあります。

最新バージョンは、「jquery-1.7.2.js」(2012-04-12)

圧縮したものは
Production (32KB, Minified and Gzipped)

圧縮していないものは
Development (247KB, Uncompressed Code)

どちらも同じですが、まぁ、軽いほうで。
チェックボックスにチェックを入れてダウンロードして、自サイトにアップロードして使います。

それから、ネットに接続して使うときのコード(たとえばコレ↓)

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js”></script>

を打つのが面倒くさいなーというときに便利なサイトがありました。

http://scriptsrc.net/

ここで「コピー」ボタンを押すと上記のコードがコピーされます。

こちらではブラウザがキャッシュされるので、再度利用するときに処理が早いとかなんとか?

HTMLは以下のとおり

<!DOCTYPE html>
<html lang="ja">
  <head>
  <meta charset="UTF-8" />
  <title>jQueryの練習</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
  </head>
  <body>
  <h1>jQueryの練習</h1>

 <script>
  $(document).ready(function( ) {
   // HTMLコードが全て読み込まれたらjQuery codeを実行する
  } );
  </script>

  </body>
</html>

また、次のように省略できる

  <script>
   $(function( ) {
  $('h1').css('color', 'red');    // セレクタ.メソッド
  } );
  </script>

javascriptで開いたウインドウを[close]ボタン画像で閉じる

2011/02/10 ♠ 0 コメントリンク先

<a href=”javascript:void(0)” onclick=”window.close();”><img src=”images/btn_close.jpg” alt=”close” /></a>

Ajax Javascript Slideshow

2010/09/21 ♠ 0 コメントリンク先

現在の場所は ?

Javascript category at Webデザインのトリセツ.