jQuery TOOLS
http://jquerytools.org/
海外サイト。タブなどのデザインも豊富。

jQueryサンプル集
http://www.finefinefine.jp/jquery/
jQueryで文字の入力規制やローディング処理、
プルダウンメニュー、スクロール処理など

jQueryサンプル集
http://www.designwalker.com/2008/04/jquery.html
コードは紹介されていないが、いろいろなサイトのJqueryを紹介

jQuery実践サンプル
http://jsajax.com/jQuery.aspx
Javascript＋Ajaxのサンプル集が1530本以上
jQueryはメニュー、アコーディオン、テキストエリア、
ツールチップ・リンク、ウィンドウ、ボーダー、コーナー、スタイルシート、
テーブル、グリッド、 スライダー、スライドショー、イメージギャラリー、サムネイル
日付、時間、フォームなどが網羅されている。

— posted by midilin @ 09:34AM | Comment (0)

【SMX Advanced 2012】 米Google、スマートフォン最適化サイトのための推奨事項を発表
http://www.sem-r.com/news-2012/20120607055548.html



1.CSSメディアクエリを使って、同じURL、同じコンテンツを返す。
今までと同じ、CSSで切り分ける方法。一番好ましい。
一般的な方法。


2.PCとスマホは同じURLだが、デバイスによって異なるHTMLを返却、HTTPヘッダー変更。
サーバー側で処理。こちらも一般的。
私はこれを利用。


3.PCとスマホのURLが違う
メディアクエリーを使って、CSSでの切り替えが難しい場合、
（テンプレートに大きく変更がある場合など）や
サーバープログラムが使えない場合
（HTMLとJavascriptしか使えない環境）
これしかない。


rel=canonicalをスマホサイトに埋め込み、ＰＣサイトを指定。（これも今までと同じ）
rel=alternateをＰＣサイトに埋め込む・・・・・これが新しい。

— posted by midilin @ 06:13PM | Comment (0)

AptanaStudio3
http://www.aptana.com/products/studio3/

HTML5対応、プレビュー機能など。
Eclipce を利用したスタンドアローンアプリケーションとEclipce プラグイン版があり。
コーディング作業を効率化してくれるzen-codingもあり。
Windows版、Mac版、Linux版あり。

無料のＨＰ作成ソフトの決定版？AptanaStudio3を使ってみたよ！
http://mu4log.com/blog/free-hp-soft/
インストールと日本語化

初めて使ったとき、無料でここまでできるかと感動するソフト。

HTMLだけでなく、PHP、Rubyなども対応。

デフォルト設定が背景が黒で、文字が白。
見難いので、Eclipseの設定とあわせると楽
http://www.rubylife.jp/aptana/install/index2.html
間違いやすいのは、「一般」→エディタにたどっても背景色が変わらず、
「Aptana Studio」からたどる必要がある。

ウィンドウ→設定→「Aptana Studio」→テーマで
Apata StudioになっているのをEclipseにすればよい。

ちなみに、「実行」と「コマンド」の下に
カラーパレットのような丸い物体があり、
そこをクリックしてもテーマの変更ができる（こっちの方が簡単）

入力を楽にするZen-Codingも対応。
Zen-Codingのインストールは以下
http://meglog.net/useful-tools/aptana-studio3-zen-coding.html

ただし、2014年にURLが変わっているので
http://s3pw.com/milestoner/2012/10/zencoding-for-aptana/
を参照のこと


ただ、少し重いので古いＰＣはつらいかも。
HTML5対応のフリーのエディタとしては
BlueGriffonとかもある。
http://bluegriffon.org/
こちらは軽い。

— posted by midilin @ 03:07PM | Comment (0)