分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2012年9月17日~2012年9月23日の間に見つけた記事のベスト5です。CSS-Trickshttp://css-tricks.com/rundown-of-handling-flexible-media/レスポンシブな画像やビデオの扱い方について解説した記事です。レスポンシブWebデザインで,画像や動画を扱う際の参考になります。画像の場合は,CSSでmax-widthを100%,高さをautoにすれば基本的にOKです。これで,カラム幅より小さい場合はオリジナルサイズで表示され,画像幅よりカラム幅が小さくなったときはカラムと同じ横サイズになるよう縮小されます。YouTubeやVimeoにアップした動画を<iframe>で埋め込む場合,縦横比を保ったままリサイズするには裏技的なCSSの設定をする必要があるので,そのコードが紹介されています。Magazinehttp://speckyboy.com/2012/09/17/20-new-jquery-plugins-worth-taking-a-look-at/最近の新しいjQueryプラグインを各種紹介しています。レスポンシブなスライダーやレンガ状にレイアウトを組むものなど,最近のトレンドに沿ったものが数多く掲載されています。CSS3のイメージフィルターを利用し,JavaScriptで画像をミニチュア風にするtiltShift.jsは,最近話題になっていました。Webdesigntuts+http://webdesign.tutsplus.com/tutorials/site-elements/big-menus-small-screens-responsive-multi-level-navigation/階層を持ったナビゲーションメニューをレスポンシブ対応させるチュートリアル記事です。通常はドロップダウンする水平メニューが,スマートフォンサイズだと階層を持った垂直メニューになります。Exampleshttp://www.hongkiat.com/blog/design-mobile-app-sites/モバイルアプリの宣伝をするサイトをデザインするためのTipsとサンプルを紹介した記事です。機能と詳細カラフルなイラストなどが必要といったTipsと,実際のサイトのギャラリーが掲載されています。6のデザイン変更点まとめ。5と6のアイコンなどのデザインの,細部の違いについてまとめて考察した記事です。OSのバージョンアップとともにデザインが変更されたところに注目すると,今後のデザインのトレンドが見えてくるようですね。6のデザイン変更点のまとめそのほか,最近の記事の中から,レスポンシブWebデザインのベースになるものを紹介します。Drivehttp://www.developerdrive.com/2012/09/css3-generators-to-speed-up-your-design/今回は,CSS3関連のジェネレーターを各種紹介したページを取り上げます。グラデーション,角丸,ボックスシャドウなどCSS3の新機能を設定できるものレイアウトを作成するものボタンを作成するもの背景画像のパターンを作成するものが紹介されています。6の隠れた目玉機能として,一部で盛り上がっているのが「アクセスガイド」です。特定のアプリを立ち上げた状態でアクセスガイドをオンにすると,ホームボタンでホーム画面に戻ったり電源を切ったりができなくなります。アクセシビリティに関する機能のようですが,専用端末としてiPadを使う用途に利用されることが多そうです。この機能により,たとえばiPadをキオスク端末として店頭に置いておく際に,ホームボタンが押されないようにケースに入れたりする必要がなくなります。子どものいる人ならピンと来ると思うのですが,iPhoneを小さい子どもに使わせるときに,勝手に電話をかけたりアプリを消してしまったりされる心配がなくなりますね。設定したパスコードが分からないとアクセスガイドのモードから抜けられないのですが,人のiPhoneに勝手にアクセスガイドを設定するイタズラが流行らないといいなと思います。CSS3著者プロフィール芦之由(あしのよし)Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。業務を改善する情報共有の仕掛け~DevOpsの実現,RPAの導入に向けて~ソフトウェア開発の業務改善をテーマに,DevOps実現の手順やそれを助けるツールとの連携,RPAによる社内ドキュメントの管理や効率化について解説します。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。