分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2012年1月9日~2012年1月15日の間に見つけた記事のベスト5です。Webdesigntuts+http://webdesign.tutsplus.com/articles/industry-trends/the-state-of-web-design-trends-2012-annual-edition/2011年のWebデザインのトレンドを振り返った記事です。レスポンシブWebデザイングリッドシステム可変するグリッドシステムの登場がレスポンシブWebデザインの普及を後押ししたタイポグラフィWebフォントとそれを提供するサービスにより,Webデザインでもフォントを選べるようになってきた(英語圏の場合)技術がアートを後押しブラウザの機能が飛躍的に向上し,創造的なことがやりやすくなったスクロール部分的なスクロールや視差効果など,スクロールに変化を加えているサイトが増えた1983年のように斜線,照明効果,ベージュ色とブロンズ色など,古い雑誌広告のようなデザインも流行したモジュール化されたインターフェイスレスポンシブWebデザインと相性のいい,モジュール化されたレイアウトの人気が再上昇しているThemeforestの傾向Webデザインのテンプレートやテーマを提供しているThemeforestによると,「⁠2011年はミニマルデザインの年だった」とのこと。記事中,グリッドシステムの各種フレームワークや,スクロールに関するjQueryプラグインも紹介されているので,そちらも要チェックです。Tutorialshttp://www.bestfreewebresources.com/2012/01/10-cool-and-fresh-css3-text-effects-tutorials.htmlテキストへ効果を与えるCSS3のチュートリアルを各種紹介しています。英文字なら,WebフォントとCSS3の組み合わせで,かなりのデザインができてしまいそうですね。DesignModohttp://designmodo.com/css3-techniques-tutorials/美しくデザインするための,CSS3のテクニックとチュートリアルをまとめています。複数の背景,画像を使ったボーダー,透明度の調整,影をつけるなど,CSS3による表現力を活かしたテクニックが各種紹介されています。Welcomehttp://developer.android.com/design/index.htmlGoogleが提供する,Androidアプリのデザインについて学べるサイトです。開発者向けに,ユーザーインターフェイスデザインの原則やパターンなどが解説されています。Androidアプリのデザインをもっと洗練されたものにしたいという期待を込めたサイトなのでしょう。このサイト自体も,スタイリッシュなものとなっていますね。デベロッパーズブログ)http://blog.fenrir-inc.com/jp/2012/01/fw_extensions.htmlWebデザイン制作時に役立つ,Fireworksの拡張機能が4つ紹介されています。Fireworksで角丸図形を縦横比が変わるようにリサイズすると,角丸部分も変形されてしまいます。わたしもこれで余計な手間がかかることが多いのですが,ここで紹介されている拡張機能を使うと,簡単に修正できるようになって便利ですね。Fireworksの拡張機能の紹介そのほか,先週の記事の中から,HTML5のリファレンスを配布している記事を2つ紹介します。XHTML-LabHTML5のリファレンスのPDFファイルを配布しています先週の気になるWebサービスPinteresthttp://pinterest.com/Pinterestは画像共有サービスなのですが,Web上で見つけた画像をブックマークレットを使って何でも共有できてしまうのが特徴です。自分が撮った写真に限らずどんな画像でも投稿できるInstagramといったところでしょうか。フォローした人の画像がタイムラインに流れ,RePin(人が投稿した画像を自分も投稿すること)やLikeしていくところは,Tumblrのダッシュボードっぽくもあります。Pinterestはおしゃれな画像の投稿が目立つので,Pinterestのことを「おしゃれなTumblr」と言っている人もいるようです。このPinterest,最近アメリカでは大人気らしく,特に若い女性ユーザーの支持を得ているそうです。壁やコルクボードなどに写真をピンでペタペタ貼り付けて飾ることをバーチャルに置き換えたようで,たしかにアメリカ人が好きそうな感じですね。人がPin(投稿)した画像をながめているだけでも楽しいですし,デザインのインスピレーションを得るのにも役立ちそうです。Postersなどデザイン関連の分野も充実しています。以下の記事で,Pinterestの人気のほどが分かると思います。女性ユーザーを虜にする。ニュースhttp://www.itmedia.co.jp/news/articles/1201/11/news029.htmlGoogle検索からも,Google+の友達(サークルに入れているユーザー)の投稿がヒットするようになるそうです。Google+の「友達」がシェアしたり「+1」した情報が検索結果に反映される「ソーシャル検索」に続き,Google検索とGoogle+との統合がますます進んだ感じです。ところで,Google+といえばAKB48ですが,AKB48メンバーがシェアしたリンクは,AKB48をフォローしている多くのGoogle+ユーザーの検索上位に来る可能性が高いということですよね。これからは検索エンジン対策よりAKB48対策をしたほうがいいのかもしれません。検索エンジンがパーソナライズ化されていくことには,反対の声も上がっています。AKB48に限らず,有名ブロガーなどネットの人気者の行う情報共有に別な意味が加わってしまいますし,報酬と引き替えにリンクをお願いするような業者が出てきそうなところも気になるところです。HTML5著者プロフィール芦之由(あしのよし)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.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。