Today: Yesterday: Total: Online:
カテゴリー
その他
  • RSS1.0
  • RSS2.0
  • atom0.3
  • valid XHTML1.0
  • valid CSS2
  • Credit
RSSリーダーで購読する | この日記のはてなブックマーク数 | プロフィール
コメントが一番多い記事(233コメント):人の心理の裏をかくホームページ集客術:リピータになってもらうためには
ツイートが一番多い記事(94ツイート):ちょっと待て!twitterやfacebookに子供の写真を掲載する親達への警告
いいねが一番多い記事(574いいね):facebookスパムに要注意。なりすましの見分け方とアカウント乗っ取りの手口(2013年度版)

カテゴリー » Javascript » jQuery June 08, 2012

jQuery サンプルサイト ID:1339115649


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)

カテゴリー » 検索エンジン » SEO June 07, 2012

スマホ向けSEO 2012年 google発表(スマートフォン最適化) ID:1339060433


【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をスマホサイトに埋め込み、PCサイトを指定。(これも今までと同じ)
rel=alternateをPCサイトに埋め込む・・・・・これが新しい。

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

カテゴリー » フリーソフト June 06, 2012

Dreamweaverの機能を無料で使える最強HTMLエディタ AptanaStudio3 ID:1338962826


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

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

無料のHP作成ソフトの決定版?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/
を参照のこと


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

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