[JS]レスポンシブ対応、指定したエリア内だけで高さが異なるパネルを同じ高さに揃えるスクリプト -Right Height
1-3、4-6でエリアを指定、1-3と4-6が同じ高さに Right Heightの使い方 Step 1: スクリプトの準備 当スクリプトを外部ファイルとして記述し、初期化しておきます。 スクリプトは、これで完了。 <body> ... コンテンツ ... <script src="js/right-height.js"></script> <script> rightHeight.init(); </script> </body> Step 2: HTML HTMLのポイントは、2つ。 data-right-height 適用するエリアを指定 data-right-height-content 適用する要素を指定 <div class="row" data-right-height> <div class="grid-third" data-right-height-content> 1
![[JS]レスポンシブ対応、指定したエリア内だけで高さが異なるパネルを同じ高さに揃えるスクリプト -Right Height](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d7b12bef628f068421e02247872e8a530b7b5ee/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015091000.png)
[JS]レスポンシブ対応のシンプルながら高性能なすごいナビゲーション！ -Resposive Nav
jQueryなどに依存せず単体で動作し、スクリプトがオフでも機能し、実装も非常にシンプルで、デスクトップやタブレット・スマフォそれぞれで最適な状態で表示し、IE6にさえ対応し、しかも超軽量のスクリプトを紹介します。 シンプルで、セマンティックなマークアップ 1.8KBの超軽量スクリプト 外部ライブラリは不要 CSS3アニメーションを使った美しいエフェクト タッチイベントをサポート クリックとタップの違いを調整 スクリプトがオフでも機能 MITライセンス 対応ブラウザ IE6をはじめ、デスクトップ・タブレット・スマフォの主要なブラウザ全て。 以下は、テスト済みのプラットフォームです。 iOS 4.2.1+ Android 1.6+ Windows Phone 7.5+ Blackberry 7.0+ Blackberry Tablet 2.0+ Kindle 3.3+ Maemo 5.0+
無料配布：レスポンシブなHTMLメール用テンプレート / Maka-Veli .com
あ、なるほどー。確かにHTMLメールもレスポンシブにしちゃえば良いんですね。 あまり行わないので発想無かったです。 種類は全部で5種類 例えばこれは こうなる 例えばこんなのは こうなる なるほどなるほど。便利。 使用方法なんかも書いてあります。 興味のある方は是非、こちらから Responsive Email Templates – ZURB Playground – ZURB.com http://www.zurb.com/playground/responsive-email-templates 無料配布：レスポンシブなHTMLメール用テンプレート is a post from: Maka-veli.com
【流行】 レスポンシブWebデザインについて思うこと 【誰得】 | soplog(そぷログ)
レスポンシブWebデザイン、最近巷で賑わっているようですね。 私も自分なりに調べて使ってみましたが、巷で騒がれているような魅力や凄さは感じませんでした。 むしろ、この言葉に飛びついた社内の人間が「マルチ！低コスト！」とはしゃぎだすのが怖いくらいです。 私もちゃんと説明できるよう、備忘も兼ねて記事に残しておきます。 レスポンシブWebデザインとは PC・スマートフォン・タブレットなどの複数のデバイスに対して、HTML側はワンソースで対応した、デザイン・技術のことです。 Media Queries（メディアクエリ）を使う方法が一般的なようです。 （あまり触れられているのを見ませんが、PSPなどのゲーム機でもMedia Queriesは有効なのでしょうか？） 使用上のメリット 制作期間が短く済む 複数のデバイスにワンソースで対応できるので、別々に制作するよりは制作期間は短く済みます。 まぁ、ケー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料でしかも高品質！レスポンシブ対応の美しいWebページを作るためのHTML5/CSS3のテンプレートのまとめ
レスポンシブやらアイコンフォントやらフラットやら！2013年の気になる技術やデザインを試してみたリニューアル手順！ | バンクーバーのうぇぶ屋
