米国図書館協会（ALA）、図書館のウェブサイトのためのレスポンシブデザインのガイドを刊行（文献紹介）
米国図書館協会（ALA）が、同協会の図書館情報技術部会（LITA）による図書館のウェブサイトのためのレスポンシブデザインのガイド“Responsive Web Design for Libraries: A LITA Guide”を刊行しました。 図書館のウェブサイトは、デスクトップ、タブレットやスマートフォンなどさまざまな端末での閲覧に対応する必要があります。このガイドは、レスポンシブウェブデザインを使用して、HTMLやCSSだけで様々な端末に対応できる図書館サイトをどのように構築するかについて記述されているとのことです。 Responsive Web Design for Libraries: A LITA Guide（ALA Store） http://www.alastore.ala.org/detail.aspx?ID=10928 Responsive Web Design fo
レスポンシブデザインに対応したHTML5テンプレート集「HTML5 UP」 | ライフハッカー・ジャパン
PayPayカードのメリット・デメリット|怖いと言われる理由と評判レビュー。ゴールドと一般どっちがおすすめ?
米国の調査会社、図書館ウェブサイトのモバイル端末への対応に関する調査報告書を刊行（米国）
米国の調査会社Primary Research Groupが、図書館のウェブサイトのモバイル端末へのアクセスへの対応に関する調査レポート“Survey of Policies to Assure Mobile Device Access to the Library Website ”（有料）を刊行しました。 この調査には60機関以上の大学図書館、公共図書館が協力しているとのことです。アナウンスメントで紹介されている結果によると、11.86%の図書館が、スマートフォンユーザ向けのアプリを提供しているそうです。また20.34％が何らかのサービスを用いてモバイル端末からのアクセスを測定しており、公共図書館のウェブサイトへのモバイル端末からとみなされるアクセスは17.66％だったそうです。 Survey of Policies to Assure Mobile Device Access to
レスポンシブデザインの見た目を確認できるサイト「Responsive Checker」 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
レスポンシブWebデザインについて | 大手前大学・大手前短期大学図書館
大手前大学・大手前短期大学図書館Webサイトは「レスポンシブWebデザイン」を採用してリニューアルしました。 Webサイトは今やパソコンだけで閲覧されるものではなく、iPhoneやAndroidなどのスマートフォン、iPadなどのタブレット端末など様々なデバイスで閲覧されています。 「レスポンシブWebデザイン」はこうした様々な利用者の端末や画面サイズに合わせて、コンテンツを最適に表示させることができる仕組みです。 大手前大学・大手前短期大学図書館は「学生の学習支援」に重点的に取り組んでおります。今日の学生の主要なインターネット端末であるスマートフォンで、いつでも十分な情報の閲覧や検索を可能にすることはこの「学生の学習支援」の一環でもあります。 今後は学生だけではなく、本学教職員、卒業生、一般の利用者の皆さまにも、これまで以上に鮮度の高い情報をスピーディにご提供できるよう、努めてまいります
Yahoo製、軽量なレスポンシブWebデザインフレームワーク·Pure MOONGIFT
Pureはスタイルシート製、BSD Licenseのオープンソース・ソフトウェアです。 Webサービスのデザインテンプレートとして一躍有名になっているBootstrap。そのライバルとも言える存在、Pureが登場しました。開発元はあの米Yahooです。 様々なテンプレートが登録されています。こちらはフォーム。 ボタン。フラット系の色合いです。 メニュー。ドロップダウン付きのメニューもサポートされています。 もちろんページネーションも用意されています。 サンプルデザイン。メール風。 Pureは短縮化およびGzip圧縮して5.7KBと小さいサイズなのが特徴です。もちろんレスポンシブWebデザインをサポートしています。ガチガチなデザインテンプレートではなく、必要な場所だけをピックアップしたり、自分なりのカスタマイズが行えるのが特徴に上がっています。 MOONGIFTはこう見る Boostrapは
レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js | コリス
スタンドアローンで動作する19KBの超軽量スクリプト。 さまざまなレイアウトに対応できるグリッド。 表示サイズごとのブレイクポイントの設定も簡単。 resetやbox-modelなどの有用なCSSのショートカットを用意。 プラグイン機能も備えているので、拡張にも対応。 skel.jsのデモ デモはシンプルな構成のページが表示が用意されています。 まずはデスクトップサイズとして、幅1200pxで表示してみます。 デモページ：幅480pxで表示 skel.jsの使い方 jQueryや他のスタイルシートなどを用意せずに、すぐに利用できます。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="skel.js"></script> jQueryもスタイルシートも他のファイルは必要ありません。 Step 2: スクリプトのセットアップ スクリプトのセ
★はじめに | Search | Google Developers
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 モバイルサイトとモバイルファースト インデックスに関するおすすめの方法 Google のインデックス登録とランキングでは、スマートフォン エージェントでクロールしたモバイル版のサイト コンテンツを優先的に使用します。これをモバイルファースト インデックスと呼びます。 モバイル版のページを用意することは、コンテンツを Google の検索結果に表示させるための要件ではありませんが、非常に強く推奨されています。このページで説明するおすすめの方法は、モバイルサイト全般にあてはまり、当然のことながら、モバイルファースト インデックスにもあてはまります。 ユーザーに最適なエクスペリエンスを提供できるよう、このガイドで紹介されているおすすめの方法を実践してください。 モバイル フレンドリーなサイトを
レスポンシブWebデザイン 制作の実践的ワークフローとテクニック （渡辺 竜）
本の概要 テーブルレイアウトからCSSレイアウトへ。レイアウトのためのHTML構造から意味のあるセマンティックウェブへ。そして、いま、固定されたレイアウトから、コンテンツが自在に流動するレスポンシブWebデザインへ。日本でも急速に普及しつつあるスマートフォンやタブレット端末に対応すべく、ウェブ制作の現場にも大きな変化が訪れようとしています。その対応の手法として、一つの柱となり得るのがレスポンシブWebデザインです。 本書ではレスポンシブWebデザインの理念から、制作フロー、実装ノウハウ、運営に役立つ情報まで、丁寧に解説しています。これからレスポンシブWebデザインでサイト制作を検討するウェブ制作者（デザイナー、コーダー、ディレクター）、企業ウェブ担当者の方々を対象にした内容です。続き読む >
慶應義塾大学メディアセンター
W通常開館(平日) S通常開館(土曜) WS短縮開館(平日) SS短縮開館(土曜) ST日曜開館・臨時開館 C休館日 Oその他 U未定
利用者視点で見るレスポンシブウェブデザイン - Nothing ventured, nothing gained.
最近、個人的に不便に感じているのが、同じコンテンツにも関わらずアクセスするデバイスに応じてURLを変えているコンテンツだ。スマートフォンからのアクセスだと、"m"*1などの文字が前後いずれかに付与されたURLなどにリダイレクトされる。 そのデバイスからのみコンテンツをアクセスしている分にはさほど不便を感じないのだが、私はChromeのデバイス間タブ同期機能のヘビーユーザーであるため、頻繁に同じコンテンツをMacやWindows、そしてAndroidデバイスで見る機会に遭遇する。結果、何が起こるかというと、Androidからアクセスしていたスマートフォンに最適化されたコンテンツをMacやWindowsで見ることになり、なんとも不恰好なデザインで見させられることになる。 悪い例として出すことになってしまい申し訳なく思うが、このブログを再配信しているBLOGOSというブログメディアがある。このB
カレントアウェアネス・ポータルがスマートフォン等のモバイル端末での表示に対応しました
2012年10月9日より、カレントアウェアネス・ポータルが、スマートフォンやタブレット等のモバイル端末での表示に対応しました。URLはこれまでと同じものです。アクセスした端末の画面横幅に応じて表示が最適化されるようになっています（“レスポンシブウェブデザイン”）。どうぞご活用ください。
レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」
レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」を紹介します。 「レスポンシブデザインビュー」はFirefox15から搭載されています。 １．「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」とは、PCやスマートフォンやタブレットなど、あらゆるデバイスに対応するWebデザインのことを指します。 レスポンシブ（Responsive）は、「よく反応して」「敏感な」という意味があるようです。 レスポンシブWebデザインを確認するには、複数のデバイスを用いるか、極端な話、PCでブラウザの幅を変更すればいいのですが、Firefoxの「レスポンシブデザインビュー」を利用すれば、より効率的に確認作業が行えます。 ２．「レスポンシブデザインビュー」の使い方 レスポンシブWebデザインのサンプルサイトとして「NHKスタジオパーク」を利用させて頂きます。 N
[CSS]高性能すぎてビックリしました、レスポンシブデザイン用の超軽量フレームワーク -Kube Framework
[CSS]高性能すぎてビックリしました、レスポンシブデザイン用の超軽量フレームワーク -Kube Framework
JSTORがレスポンシブウェブデザインによるモバイル機器対応
JSTORのサイトがレスポンシブウェブデザインを採用したモバイル機器対応を行なったようです。スマートフォンやタブレット端末など横幅が一定以下の環境で閲覧するか、あるいはPCのブラウザでも横幅を狭めることで、画面レイアウトが最適化されたかたちに変わります。 JSTOR http://www.jstor.org/ JSTOR Streamlines Mobile Access With Some User-Responsive Design（INFOdocket 2012/9/6付け記事） http://www.infodocket.com/2012/09/06/jstor-streamlines-mobile-access-with-some-user-responsive-design/ 参考： 米ウィスコンシン大学図書館がレスポンシブウェブデザインを採用した新しいOPACを発表 http
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webflow ー 直感操作でレスポンシブウェブをデザインできるサービス Beta版公開 【@maskin】 | TechWave（テックウェーブ）
新着記事
HERMES-IR : Research & Education Resources
レスポンシブウェブデザイン専用ソフト「Adobe Edge Reflow」無償公開 「Edge Animate」「Edge Code」の機能追加も
Amazon.co.jp: レスポンシブ・ウェブデザイン標準ガイド あらゆるデバイスに対応するウェブデザインの手法: こもりまさあき: 本
