分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2009年6月1日~6月7日の間に見つけた記事のベスト5です。Magazinehttp://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/Webページのレイアウトとして現在代表的な3つの手法について,それぞれの長所・短所やどれを採用するかのポイントを解説しています。Elastic(横幅伸縮)の3種類です。Fixedは幅をピクセル指定で固定したもの,Fluidはパーセントで指定することでウィンドウサイズにあわせて可変するようにしたものです。Elasticは文字サイズと横幅を両方emで指定することにより,文字サイズにあわせて横幅も可変させるという手法です。どっちか決めかねてる人にはエラスティックか部分的にエラスティックを取り入れるという手もあるよ(意訳)⁠”といった感じの結論になっており,明確な答えを提示するというより考えるきっかけを与えることが目的の記事なのでしょう。今やほとんどのブラウザにズーム機能(文字だけでなくレイアウト全体のズーム&縮小)があるので,エラスティックレイアウトは不要だという考えもあります。Say(他のWebデザイナーからの意見⁠)⁠」のコーナーでもそのことに触れている人がいました。いった他の人の意見や関連する記事へのリンクも多数紹介されていますので,レイアウト手法について考えるいいきっかけとなる記事だと思います。Listhttp://jquerylist.com/jQueryのプラグインやチュートリアルのリンク集です。このサイトの面白いところは,全ての紹介を1ページに詰め込んでいることです。カテゴリを選んだ場合,ページ内のアンカーへのリンクとして移動します。jQuery」を使っているようです。Plugins」のカテゴリに掲載されています。Web担当者Forumhttp://web-tan.forum.impressrd.jp/e/2009/06/02/5769各種ディレクトリやリソースにサイトを登録したり,メールの署名や名刺にURLを記載したりといった,サイトを立ち上げた後にやっておいたほうがいいことのリストです。コメント欄にいろいろ意見が寄せられ,随時本文に反映されています。コメント欄の雰囲気が良く,コメントに対するこの記事の作者の対応も参考になりますね。Formshttp://sixrevisions.com/user-interface/25-stylish-examples-of-web-forms/ステキなデザインのフォームを集めたギャラリーです。テクニックの解説ではなく,単純に見た目のイメージだけの紹介です。Friendlyhttp://mashable.com/2009/06/02/social-media-friendly-website/検索エンジン&ソーシャルメディアに対して友好的なサイトにするための5つのステップを紹介した記事です。SEO(サーチエンジン最適化)に続きこれからはSMO(ソーシャルメディア最適化)対策だというのが一時期話題になりましたが,その両方は互いに影響しているようです。5つのステップは以下のような感じです。contentコンテンツを頻繁に更新し,いつも新鮮な情報を提供する。contentECサイトなら商品の評価をユーザーに付けてもらうなど,ソーシャルな要素を取り入れる。Interactionユーザー同士が会話できるような場を用意する。shareソーシャルメディアへの登録が簡単にできるボタンなどを用意する。SyndicationRSSフィードなどの更新情報を配信する。以上,メルマガ「デイリーWebテク」で先週紹介した記事から独断と偏見で選んだベスト5でした。そのほか先週の記事から,Webサイト制作に役立ついろんなツールの紹介です。Speedというツールで,Firebugに組み込まれたFirefoxプラグインとして動作するそうです。ちびと.netTwitterを便利に使うためのツールの紹介。WebjQueryに様々なUIを簡単に追加するためのライブラリ。タブ,ツールチップ,オーバーレイ,Flashエンベッドなどに利用できます。mobile...http://smub.it/「Smub」は閲覧中のページをソーシャルサービスに簡単に登録するためのWebサービスです。ブラウザのアドレスバーに表示されているURLの先頭に「smub.it/」と加えてSmubにアクセスすると,見ていたページをメールで送る/Twitterに投稿/Deliciousにブックマークなどが簡単操作で行えます。このサービスがメインのターゲットにしているのはiPhoneのようです。3.0で対応するそうですが)ので,確かにこのやり方は便利ですよね。ユーザー登録しなくてもとりあえず使えるところも好印象です。ユーザー登録すると,いちいちID/パスワードを入れる手間がはぶけます。個人的にはTumblrにも対応して欲しいと思いますし,はてなブックマークへの登録もできるようになると日本のユーザーは喜ぶでしょうね。「Smub―iPhoneからソーシャル・サービスに魔法のように簡単にURLを投稿できる」にくわしい解説記事があります。Newshttp://www.itmedia.co.jp/news/articles/0906/04/news033.htmlWebデザイナーにとって面倒な作業のひとつが各種ブラウザでの表示チェック。チェック作業をサポートするものとして,Windows上で複数のIEを動かすためのツール,オンラインで各種ブラウザのスクリーンショットを撮るサービスなどがあります。BrowserLab」も,各種ブラウザでの表示チェックのためのオンラインサービスです。3.xでのレンダリングを確認できるそうですが,将来的には対応するブラウザも増えるのでしょう。Explorer⁠)⁠。こちらはWindows上で動くアプリケーションで,インストールされているブラウザをレンダリングエンジンとして使うようです。インストールされていないブラウザでも,クラウド上でレンダリングするサービスも準備しているそうなので,正式版では多くのブラウザに対応することが期待されます。PreviewはExpressionと,それぞれの制作ソフトを強化するツールという位置づけだと思われますが,こういったツールが大手から登場したことはうれしい限りです。こんなツールがいらなくなることこそ,Webデザイナーが望んでいることなんでしょうね。BrowserLab著者プロフィール芦之由(あしのよし)Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。