「レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (WEB PROFESSIONAL)」の著者である菊池崇さんの勉強会の模様。「実務で使うためのレスポンシブWebデザインの基礎・実践」に参加しました。あとでじつくり読む。

先日参加してきたセミナーのスライド。 タイポグラフィをしっかり学んできました。2013年11月21日、アップルストア銀座で開催した CSS Nite in Ginza, Vol.72の 「Webデザイナーのためのタイポグラフィと文字組版（Reloaded）」 のスライド。 http://www.sli…

Antwort Zurb Email templates litmus メーラーソフトの表示のシミュレーションができる

Flat UI 非常に応用性が高い。 Flatstrap Bootstrapをベースに機能拡張させたフレームワーク。 Bootmetro Metro UI CSSと同様にWindows8風デザインを実現することに主眼を置いたフレームワーク。 Pure シンプルでわかりやすいサービス。

BOOKBLOCK:A CONTENT FLIP PLUGIN 3D CSS3 Book Generator with jQuery Experimenntal Page Layout Inspired by Flipbord

Bootsnipp Bootstrapのスニペットを提供しているサービスの代表格。

jsdb.io GitHub上での人気度や開発の状況などの情報も表示されている。 JSter 独自の評価も記載されているから、ライブラリを選定する際の参考になる。 Unheap 各カテゴリのリストページから画面遷移することなく開発者ページやデモページに遷移できるつくり…

sharrreというjQueryプラグインを利用。●対応ソーシャルメディア Google+ Facebook（日本版） Twitter Digg Delicious stumbleupon Linkdin（日本版） Pinterest LINE、GREEは非対応。 なので、ここからコードを入手。●LINE●GREE

PocketReederGunosy

Google マップをオリジナルカスタマイズする時に必要なjsファイル GMAP3head内に を記述。 緯度・経度を簡単に調べられるサイト レストラン牡丹

MQtest.is ブラウザのサイズやユーザーエージェントの情報を調べられる。.ish レスポンシブの表示をテストする。

Griddle.it ブラウザにグリッドを表示するツール。Baceliner ベースグリッドを表示させるツール。

PlaceIMG 横幅と高さ、画像のカテゴリー、フィルターといった条件を設定すると、Flickerで公開されている写真からダミー写真を生成してくれるツール。

Less Framework レスポンシブwebデザインに対応したグリッドレイアウトフレームワーク。 スマホ、タブレット、デスクトップ マルチスクリーン向けのグリッドが用意されている。 Griddle.it グリッド画像を動的に生成してくれるwebサービス。

レスポンシブwebデザイン作成時に面倒な、フォントサイズ計算が簡単にできるツール。 CSS with vertical rhythm BaseとTargetのフォントサイズを設定するだけで、自動的にCSSコードを生成してくれる優れもの。

デジタルカメラで撮影した映像をそのまま使うような場合は、 最適な映像形式にコンバートできるMiro Video Converterが便利。

HTML5のcanvas要素でつくられている花火。 素敵な花火の数々。すごい！ HTML5花火大会 Webアプリ「Bomomo」 様々な仕様の描画ツールでお絵描きが出来ちゃいます。

CSS3の角丸がレガシーブラウザで表現されない件の対策は、 色々試してみたけれど、一番うまくいったのは、 この、DD_roundiesサイト。 参考にしたサイトは、この10 ways to make Internet Explorer act like a modern browserサイト。

●開発環境の準備 Aptana Studio 自分で作成したJSONが正しい書式で作成されているかをチェックできる便利なサイト JSONLint

IE8以前でのCanvasの利用Canvasに未対応のIE8以前のバージョン向けに、ExplorerCanvasという JavaScriptのライブラリがある。

Twitter Bootstrap レスポンシブWebデザインとグリッドレイアウト、メディアクエリに対応したCSSフレームワーク 99lime Webサイトの制作スピードを高速化するためのCSSフレームワーク 52framework HTML&CSS3に対応したフレームワーク Yaml4 マルチカラムやグ…

大量に記述する場合に便利なクリップボード管理アプリケーション Clibor

XOOPS

HTML５ CMS -Web Meister-

Adobe Edge Tools & Services クラウドメンバーに登録すれば無償で利用可！

IE6のシェアもここまで少なくなっているのかぁ〜が実感できるマイクロソフトによるサイト。 The Internet Explorer 6 Countdown

デバイス解像度

Kindle Fireに搭載されている、アマゾン開発のクラウド加速型ブラウザ 「Amazon Silk」

HTML&CSS3ブラウザ対応状況 findmebyIP HTML&CSS3 READINESS モダンブラウザで見ると花咲きます。

レスポンシブWebデザインについて レスポンシブ・ウェブデザインって何？Media Queries日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト レスポンシブWebデザインの画像問題の解決法5種