分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2009年9月14日~9月20日の間に見つけた記事のベスト5です。http://www.webdesignerdepot.com/2009/09/how-to-display-your-content-on-a-blogs-front-page/ブログのトップページに,記事への誘導をどのように入れるかについてまとめたものです。記事全文を載せる記事の一部を載せる雑誌スタイル(ただ時系列に記事を並べるのではなく,カテゴリ別などに分けて記事の一部を載せる)といった見せ方について,それぞれの特長を解説しています。実際の事例もたくさん紹介されているので,それを見るだけでも参考になるでしょう。トップページデザインのためのWordPressチュートリアルのリンク集もあります。http://www.webdesignerwall.com/tutorials/css-design-out-of-the-box/段組のカラムからはみ出した要素を使ったWebデザインを,作例とともに紹介しています。全てがカラムの中にきっちり収まっていると面白みがないということで,わざと画像をはみ出して配置したり,背景にかっちりしていない画像を配置したりといった工夫が有効のようです。CSSを使って,背景画像に重なるように文字を配置したり,カラムからはみ出して画像を配置するテクニックも紹介されています。http://www.inspiredm.com/2009/09/14/10-amazing-tools-for-sharing-visual-inspiration-through-screenshots/Webサイトのスクリーンショットを共有するサイトやツールを紹介しています。スクリーンショットに特化した画像共有サイトや専用アプリケーションです。デザインの参考になると思ったサイトのスクリーンショットを整理しておくのに便利ですし,誰かの登録したスクリーンショットを見てインスピレーションを得るのにも使えるでしょう。http://www.graphicmania.net/150-free-psd-buttons-for-every-day-use/フリーのボタン素材のPSDファイルを多数紹介しています。光沢のあるWeb2.0デザイン風のボタンが多いですね。AIRアプリケーションが紹介されています。画像編集ソフト,マインドマップ作成ソフトのような大物から,画面上でサイズを測るツールやスクリーンショットを撮るツールなどのちょっとしたお役立ちツールまで,いろんなものがありますね。以上,メルマガ「デイリーWebテク」で先週紹介した記事から独断と偏見で選んだベスト5でした。そのほか先週の記事から,とても役に立ちそうなまとめ記事を紹介します。BugsIE6のバグ対策がまとめられています。examplesJavaScriptのフレームワークの比較表です。それぞれの記述法などがまとめられています。Nettuts+初心者のために,段階を踏んでCSSをレクチャーした記事です。Clienthttp://hootsuite.com/HootSuiteは,Twitterをビジネスで利用する企業やヘビーユーザー向けのWebサービスです。複数のTwitterアカウントを管理できるだけでなく,複数のユーザーを設定して誰がどのアカウントで投稿できるかを設定することもできます。URLを含むつぶやきに関しては,クリック数の統計機能が付いているようです。TweetDeckという有名なTwitterクライアントと似たような感じで,複数のカラムでタイムラインを見ることができます。タブ分けもできるので,フォロー数の多い人や,いろんなキーワードでの検索結果を追いかけている人には特に便利でしょう。時間を指定してのつぶやき機能もあるのですが,みんながこの機能を使い出したらTwitterのリアルタイム性の面白さが薄れるような気もしますね。以下のブログ記事を参考にさせていただきました。乗り換えた6つの理由ウェブベースのTwitterクライアントはHootSuiteが使いやすい。Flipは,本のページをパラパラめくるようにニュースサイトの記事をブラウズできるサイトです。記事ページを画像として用意しておくことにより,高速な閲覧を可能にしています。用意された画像は文字を読むには十分なサイズなのですが,記事の1ページ目の決まったサイズしかキャプチャーされていません。画像はあくまでもサムネイル的位置づけで,全文を読むには元記事のページを見て欲しいということですね。PostやNewsweek,英国のBBCなどがGoogleと提携して記事を提供しているそうです。FlipのためにGoogleが新聞社と提携するのは難しいんでしょうね。Twitter著者プロフィール芦之由(あしのよし)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.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。