分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2012年8月27日~2012年9月2日の間に見つけた記事のベスト5です。Mobilehttp://mobile.smashingmagazine.com/2012/08/30/responsive-designs-opera-mobile-emulator/レスポンシブなサイトを作るのに役立つ,Operaモバイルエミュレーターの使い方を解説しています。Operaモバイルエミュレーターは,スマートフォンやタブレット端末をエミュレーションするデスクトップアプリケーションです。デバイス名を選ぶとその機種の画面サイズでエミュレーターが開きます。画面サイズをカスタマイズして指定することも可能です。縦画面,横画面の切り替えも簡単です。Mobileをパソコン上で動かすものなので,残念ながらiOSやAndroidの標準ブラウザでの表示テストにはなりません。タッチ操作ができるようになっており,トラックパッドでスクロール,ピンチイン,ピンチアウトなどの操作ができます。ダブルタップの操作にも対応しています。Mobilehttp://www.designresourcebox.com/tools-and-jquery-plugins-to-help-you-design-a-website-or-a-web-app-for-mobile/モバイル向けサイトを作成するのに役立つツールやjQueryプラグインをまとめた記事です。モバイルサイトやレスポンシブなサイトを作る際に役立つフレームワークやツール,スクリプトが紹介されています。iWebInspectorというiPhone/iPadのSafariのシミュレーターも載っていました。Operaモバイルエミュレーターと同様なアプリケーションですね。XcodeとiOSのSDKが必要ということです。NewEvolutionhttp://newevolutiondesigns.com/11-web-designs-with-innovative-navigation革新的なナビゲーションのWebデザインをまとめて紹介しています。シングルページ完結の,スクロールで見せていくサイトが相変わらず目立っていますね。Ticklehttp://www.designtickle.com/2012/08/examples-cardboard-web-design/ダンボールのテクスチャーを使った,Webデザインに使えそうな素材のギャラリーです。UIエレメントやアイコンなど,ダンボールのテクスチャーを活かしたデザインが数多く紹介されています。DesignModohttp://designmodo.com/jquery-scrolling-plugins/スクロールに関するjQueryプラグインを多数紹介しています。スクロールできるエリアを作るもの,視差スクロールを実装するものなどが掲載されています。今流行のスクロールで見せていくシングルページサイトを作るときに,役立ちそうなまとめ記事です。スクロールに関するjQueryプラグインいろいろそのほか,最近の記事の中から,気になるガジェット関連の記事を3つ紹介します。#RyoAnnaBlogレコードに続き,カセットテープからiPhoneに録音できるガジェットが登場です。サンコー,中高年ユーザーの救世主『iPhone対応らくらく操作ルーペ』を発売ルーペを付けてiPhoneの画面を見やすくしようという昭和感あふれるグッズです。Japan値段が安くなって,FacebookとEvernoteに対応したそうです。Bootstraphttp://www.boottheme.com/BootstrapのデザインカスタマイズができるWebサービスです。色やサイズなどの変更が,プレビューを見ながら行えます。ボタン一つでスマートフォンやタブレットのサイズにプレビューを切り替えられるようになっているのも便利です。カラーピッカーやセレクトボックスのようなものはなく,変更個所は全てテキストで入力するようになっています。そのへんは,Bootstrap公式サイトにあるカスタマイズページから特に進歩のない操作感ですね。このページ自体がBootstrap,LESS,jQuery,アイコンフォントで作られたレスポンシブなサイトになっていて,今どきのスピーディに開発されたWebアプリの実例として見ても面白いです。BootstrapのカスタマイズができるWebサービス今週の気になるWebネタ空いているCD/DVDドライブをケースにする,折り畳みマウスのコンセプトデザインhttp://developer.cybozu.co.jp/akky/2012/08/cddvd-aa90.html一見CD-ROMのようで,折り曲げるとマウスになるという,斬新なマウスのコンセプトデザインが話題になっていました。いうビジュアル的にインパクトのあるものは,ソーシャルメディアで共有されやすいネタですね。Airやウルトラブックように光学ドライブのないモバイルマシンが今後主流になっていくことを考えると,少々乗り遅れた感も。そもそも,スロットインのドライブに入れると,はき出されてしまいますよね。これを見て「仮面ライダー響鬼」に出てきたディスクアニマルを連想した人も多いんじゃないでしょうか。CDのようなディスクの状態から,変形して鳥やオオカミなど動物の形になるもので,なかなかカッコよかったです。このディスクアニマルの玩具は2005年度グッドデザイン賞を受賞しました。このマウスも製品化されれば,グッドデザイン賞を狙えそうですね。Bootstrap著者プロフィール芦之由(あしのよし)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.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。