2009/01/20
【DreamweaverではじめるWeb標準】第152号
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ □□□ DreamweaverではじめるWeb標準 □□□ □□ 〜XHTMLとCSSで構築するWebサイト〜 □□□ □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ 第152号 発行日:2009年1月20日火 ほぼ週刊(目標) 発行:鷹野雅弘(株式会社スイッチ) --------------------------------------------------------------- このメルマガでは、 Dreamweaverを中心とした制作テクニック 書籍、セミナー、有用サイトなどをご紹介しています。 ┼────────────────────────── 目次 ──────────────────────────┼ ├ クリッピング(1月13日-1月19日) ├ 書籍紹介:『宣伝費をネット広報にまわせ』 ├ サイト紹介:デイリーWebテク ├ セミナー紹介:CSS Nite in Shinjuku, Vol.5 ├ イベントカレンダー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ クリッピング(1月13日-1月19日) ────────────────────────────────── ●オススメ 「SEOで検索順位1位」はどこまで重要か--ユーザーの検索行動を分析する <http://www.e-agency.co.jp/column/000365.html> → “調査検索に順位は関係ない” Dear IE 6 <http://www.dearie6.com/> → アメリカでも... Good-byeするにはtwitterで「@DearIE6」にて。 yuga.js <http://kyosuke.jp/yugajs/> → 0.7.0にアップデートされています。 ●アドビ系 Adobe InContext Editing <http://labs.adobe.com/technologies/incontextediting/> <http://www.adobe.com/devnet/dreamweaver/articles/getting_started_with_ice_dev.html> → Dreamweaverで設定しておくと、オンラインサービス的に編集できるというInContext Editing(ICE) Destroy Flickr─Adobe AIRのFlickrビューア&アップローダ <http://mbdb.jp/?eid=1341> → AIR製。 Dreamweaver Web Widgets <http://www.adobe.com/cfusion/exchange/index.cfm?s=5&from=1&o=desc&cat=290&l=-1&event=productHome&exc=3> → Dreamweaverで、YUIなどのUIを組み込むソリューション。 Flashでやってしまいがちな14個の間違った使い方 <http://clockmaker.jp/blog/2009/01/using_flash/> → Flashをやっている方は必見。 ●Movable Type関連 SEO:Movable TypeでSEOに役立つdescriptionの記述例 <http://www.dakiny.com/archives/movable-type/seo_movable_type_category_archive/> → 「MTCategoryDescription」は知らなかった! エラーページをMovable Type + Googleで作成 <http://www.screamo.jp/2009/01/18-19-43.php> → 要チェック。 ●コーディング 5ヶ月で1千万円売り上げたAIR アプリ:Balsamiq <http://blog.thebadtiming.com/archives/1333> → 昨年話題になっていたBalsamiqですが、かなり売れていたみたいです。 ご存じない方は、記事中のリンクやこちらのビデオを見てみてください。 CSSを無効化するブックマークレット・改 <http://www.fsiki.com/jet/css-xhtml/bookmarklet-css-disable-custom.html> → ブックマークレットなのでどのブラウザでも使えます。 Foxmarksを入れたら、command+shift+Sとバッティングするのでこちらを使おうかと思います。 border-radius.js <http://www.html5.jp/library/border-radius.html> → 使えそうです。それにしてもドメインがHTML5.JP! HTML5の新要素にCSSを適用するテクニック <http://www.html5.jp/html5/?p=18> → こちらの記事も必見。 IE6 dl,dt,ddの擬似テーブルで3pxのずれを直す方法 <http://develo.org/2008/05/03/0104.html> → なるほどね... Select Cuts Off Options In IE (Fix) <http://css-tricks.com/select-cuts-off-options-in-ie-fix/> → Internet Explorerでプルダウンメニューが見切れてしまうバグを修正。 10 Smart Javascript Techniques For Manipulating Content <http://www.noupe.com/javascript/10-smart-javascript-techniques-for-manipulating-content.html> → 研究したい。 ●jQuery関連 [JS]jQuery 1.3 リリース、主な変更点など <http://coliss.com/articles/build-websites/operation/javascript/release-jquery-13.html> → 1.3がリリースされました。 [ JavaScript ] jTip - ツールチップを表示する jQuery のプラグイン <http://bowz.info/1385> → これはいい感じかも。 5 simple ways to improve links <http://www.jankoatwarpspeed.com/post/2009/01/15/5-ways-to-improve-links.aspx> → Animate linksはなんだかイライラします... Improve your jQuery - 25 excellent tips <http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx> → jQueryを向上させる25のヒント。 ●Websig IA分科会 大阪に行っていたので参加できなかったのですが、行きたかった!と思わせるレポートがあがっています。 <http://memorize.naown.jp/main/entry/websig_ia%E5%88%86%E7%A7%91%E4%BC%9A%E7%AC%AC1%E9%83%A8> http://cremadesign.jp/blog/diary/iaiawebsigia001.html 坂本さんのセミナーが2.1にあります。 ●解析など GoogleアナリティクスのようなフリーのWeb解析ツール10個 <http://www.yukawanet.com/sunday/2009/01/googleweb10.html> → いろいろあるんですね。 「モテたいなら自分の全てを調べなきゃダメよ」サイトの課題を発見するログ解析ツール(Google Analytics)の設定方法 <http://japan.internet.com/column/wmnews/20090115/8.html> → 設定に関する小技の紹介。 ●その他 120 Excellent Examples of CSS Horizantal Menu <http://www.csstea.com/css-gallery-news-and-resources/264-120-excellent-examples-of-css-horizantal-menu.html> → 横方向のCSSメニュー120選。 CSS On-Hover Image Captions <http://www.sohtanaka.com/web-design/css-on-hover-image-captions/> → なかなかいい感じです! CASIOのDynamicPhotoは写真の革命となるか? <http://tinyurl.com/89bygr> → PIP的なコンテンツに活用できそう。 ユーザがつい読んでしまう表現方法とは? <http://www.bebit.co.jp/memo/2009/01/post_131.html> → QA形式の方が読まれやすいよ、と。 Win相手にMacでZIP圧縮は使えない……そんなふうに考えていた時期がオレにもありました <http://plusd.itmedia.co.jp/pcuser/articles/0808/11/news057.html> → この問題に関しては「MacZip4Win」がいい感じです。 YouTubeの埋め込みコードをXHTML validにするGreaseMonkeyスクリプト <http://note.openvista.jp/2007/youtube-embeded-code-makes-valid/> → これは使えるかも、というか、元を直して欲しいんですが... フォームを改善するための10のポイント <http://an-k.jp/blog/archives/633> → 改めてチェックしたい。 JDiff X(書類比較プラグイン for Jedit X) <http://kazumich.com/index.php?ID=4643> → Jedit X用の書類比較プラグインでました。Dreamweaverからも使えます。 A Detailed Look at the 960 CSS Framework <http://nettuts.com/videos/screencasts/a-detailed-look-at-the-960-css-framework/> → 960 GRID SYSTEMの具体的な活用。ビデオあり。 ウェブデザインのレイアウトに役立つ11サイト <http://www.designwalker.com/2009/01/web-layout.html> → 上記とあわせて。 ウェブデザイナーの作業を助ける12のオンラインツール <http://coliss.com/articles/web-services/12-useful-web-tools-for-designers.html> → Dummy Text Generatorの日本語版欲しいですね。 隠された10の便利なショートカット <http://veadardiary.blog29.fc2.com/blog-entry-2040.html> → 「Control+Kでkill、Control+Yでyank」は知らなかった。 メンバーズとパワーテクノロジーの提携は今のWeb制作業界の現状を映し出す <http://web4person.jugem.jp/?eid=95> → なるほど。 第32回 リダイレクトの正しい使い方とは <http://itpro.nikkeibp.co.jp/article/COLUMN/20090113/322734/> → 必読です。 つくば市立並木小学校 - ホームページ作成に関するポリシー <http://www.tsukuba.ed.jp/~namiki-e/new/modules/tinycontent/index.php?id=11> → 同様のものを作るときに参考になりそうです。 2009年のウェブ業界の動向とデザイン <http://it.nikkei.co.jp/internet/news/index.aspx?n=MMIT2F000013012009> → 「モバイル向けの対策が必要」とのこと。 こちらと一緒に。 不況に打ち勝つケータイマーケティングとは? <http://business.nikkeibp.co.jp/article/nmg/20090114/182683/#author_profile_tag> ユーザーが迷わないウェブサイト制作のためのガイドラインが発売されました。 <http://d.hatena.ne.jp/aratako0/20090114/p1> → 買ってみようかしら。 集合写真、ここを変えるだけで好感度アップ <http://allabout.co.jp/interest/photograph/closeup/CU20080224A/> → ほ〜 「ZoomIt」授業やプレゼンで使える拡大&書き込み&タイマーツール <http://blog.magical-remix.net/kotalog/archives/405> → ZoomItの隠し機能で、四角や←が描けます。 「米」 <http://tinyurl.com/7mvmpd> → Amazonでお米を売っていますよ! 郵便局で売っているキットカット!? <http://simojo.com/interactive/2009/01/post_197.html> → すごい展開です。 第1回 難易度が高くなったWebサイトとその構築におけるコミュニケーション <http://itpro.nikkeibp.co.jp/article/COLUMN/20090107/322417/> → ちょっと難しい感じの切り口なんですが... Chrome gets Mac deadline, extensions foundation <http://news.cnet.com/chrome-gets-mac-deadline-extensions-foundation/> → Mac版は2009年前半にリリース。 グーグル、ブログ乗り換え支援プロジェクト「Blog Converters」を発表 <http://japan.cnet.com/news/media/story/0,2000056023,20386367,00.htm> → なんだかえげつないけどGoogleっぽい。 Lightboxスクリプトいろいろ <http://www.designwalker.com/2008/01/lightbox.html> → Lightboxエフェクトのまとめ。 ●UIとしておもしろいサイト ジョージア VINTAGE LABEL <http://www.lockon.co.jp/cr-blog/2009/01/_vintage_label.html> → 質感などがキテいます。 スターバックスコーヒー | ぬくもりのもり <http://www.starbucks.co.jp/episode/> → いろいろステキですが、右クリックすると「音を消す」を実行できます。 Friend Book <http://tapulous.com/friendbook/> → 2台のiPhoneを重ねて振ると、コンタクトカードを交換できるというアプリ。 JICA-ボランティア 世界では、3秒に1人、子どもたちの命が失われている。 <http://www.jica.go.jp/activities/jocv/3seconds/> → 飛び出す絵本インターフェイスがすごい。 ●おもしろ系 Obamicon.Me <http://obamiconme.pastemagazine.com/> → 今っぽい、というか、今日っぽい。 あなたのモテ力がわかる!『女試し』! <http://girls.channel.or.jp/wdp/> → ! star! star! star! http://star.garra.jp/ → garraのコンテンツ。完成例:<http://star.garra.jp/star/vUsTXIFPKCwHI> 不幸占い <http://bluesnap.jp/unique/fukou.htm> → ちょっとした不幸がイヤ〜な感じです。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 書籍紹介:『宣伝費をネット広報にまわせ』 ────────────────────────────────── 濱田逸郎/神原弥奈子/鈴村賢治/石黒不二代/湯川鶴章など そうそうたる執筆陣による書籍。 ちょっと切り口が固めなので、きちんと読もうとすると時間がかかりそうですが、 タイムリーでほかであまり読めないものです。 こちらのレビューが参考になります。 <http://bisyablo.jugem.jp/?eid=94> Amazonで『宣伝費をネット広報にまわせ』を見る ↓ ↓ ↓ <http://tinyurl.com/85lmn9> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ サイト紹介:デイリーWebテク ────────────────────────────────── このメルマガの兄弟版?とも言える『デイリーWebテク』さんのサイトができています。 メルマガのほかに次のような活動をはじめられたそうです。 「週刊Webテク通信」(gihyo.jp内) <http://gihyo.jp/design/clip/01/weekly-web-tech> デイリーWebテク Tumblr <http://dwt.tumblr.com/> 私もTumblrをネタ帳として使っています。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナー紹介:CSS Nite in Shinjuku, Vol.5 ────────────────────────────────── Silverlight周辺も少し賑やかになってきました。 Flashの対抗馬として、動向をおさえておくのに最適なセミナーです。 ◇日時:2009年1月22日(木)20:00〜21:40(開場:19:30) ◇会場:マイクロソフト株式会社 セミナールーム 東京都渋谷区代々木 2-2-1 小田急サザンタワー5F ◇参加費:無料 ◇詳細・申し込み:<http://cssnite.jp/shinjuku/vol05/> 内容: ・Silverlightの最近の事例にはどんなものがあるのか? ・Silverlightでビデオを配信するには、どのような手順で行うのか? ・マーカーをつけたり、字幕をつける方法は? ・Silverlightでビデオを配信するメリットは? ・DeepZoomはどのように実装するの? ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 書籍紹介:『現場のプロから学ぶXHTML+CSS』 ────────────────────────────────── 東京(300名)、仙台(100名)大阪(180名)と3都市で開催した CSS Niteビギナーズの連動書籍として企画した書籍。 11月1日に発行し、12月に2刷、 さらに、先週、3刷の増刷が決定しました。 http://cssnite.jp/beginners/book/index.html Amazonで『現場のプロから学ぶXHTML+CSS』を見る ↓ ↓ ↓ <http://tinyurl.com/55knox> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ イベント・カレンダー ────────────────────────────────── ◇2月19日木:CSS Nite in Ginza, Vol.31 ◇3月7日土:CSS Nite in FUKUSHIMA, Vol.2(福島) ◇3月13-14日:CSS Nite in FUKUI, Vol.2(福井) ◇3月19日木:CSS Nite in Ginza, Vol.32 ◇4月25日土:CSS Nite in AOMORI 2009(青森) ┼────────────────────────── あとがき ─────────────────────────── 先週は金曜日から大阪に。 セミナーの合間、小腹を満たそうと「たこ焼きバー」みたいなところに入りました。 17時ちょっとすぎたくらいなのみ、 ビール片手にたこ焼きをつついているお一人様の女性がいたりで、 これぞ、大阪なのかな、と。 おいしかったです。 茶琥屋 <http://tako.osakazine.net/e14341.html> ─[発行]───────────────────────────────── 株式会社スイッチ http://swwwitch.com/ 鷹野雅弘 takano @ swwwitch.com 東京都足立区足立4-13-18 #307 ────────────────────────────────────── 現在、4,448名の方にご購読いただいています。ありがとうございます。 お知り合いの方、同僚、クライアント等にご紹介いただければ嬉しいです。 ご自由に転送ください。 こちら↓もよろしくお願いいたします。 ・『Dreamweaverプロフェッショナル・スタイル[CS3対応]』 <http://tinyurl.com/23pe3f> ・『できるクリエーターDreamweaver独習ナビ』 <http://tinyurl.com/ytfnbf> ・『Adobe Dreamweaver CS3 Essential Book』 <http://tinyurl.com/yorh7z> ・『1ランク上の技を身につけるFlashの強化書』 <http://tinyurl.com/33ez23> ・『Movable Typeプロフェッショナル・スタイル』 <http://tinyurl.com/24mpm4> ・『現場のプロから学ぶXHTML+CSS』 <http://tinyurl.com/55knox> セミナー情報や書籍情報などお持ちの方いらっしゃいましたら、 ご連絡くだされば幸いです。掲載料はいただいていません。 情報商材など、Web系と無関係な掲載依頼はお断りしています。 登録・解除・バックナンバーはこちらからです。 http://blog.mag2.com/m/log/0000169311/ Copyright(c) 2009 Swwwitch, Inc. Some rights reserved. 記事が正確であることの保証はありません。 ご紹介するセミナーや書籍、サイトの品質を保証するものではありません。 書名、製品名および会社名は、それぞれ該当する権利者の登録商標または権利です。



