[B! CSS] ebi73のブックマーク

たった一行でさまざまな要素をレスポンシブ対応にするスタイルシート -Fluidity | コリス

iframeを使った地図 Fluidityの使い方使い方は簡単です。 Step 1: 外部ファイル head内に当スタイルシートを追加するだけで完了です。 <link rel="stylesheet" href="css/fluidity.min.css"> Step 2: HTML あとは、通常通りにHTMLを記述するだけです。画像の場合 <img src="image.png"> テーブルの場合テーブルの時はclassを加えます。 <div class="overflow-container"> <table>  </table> </div> 地図の場合 <iframe src="https://www.google.com/maps/embed?マップのコード" width="100%" height="450" framebor

ebi73 2014/03/27

この発想はなかった！たった一行でさまざまな要素をレスポンシブ対応にするスタイルシート -Fluidity @colisscomさんから

CSS

リンク

[CSS] Generate CSS - 様々な種類のCSSジェネレーター

[CSS] Generate CSS – 様々な種類のCSSジェネレーター Pocket Tweet サイト名そのまんまの、様々な種類のCSSジェネレーターが揃ったサイト。イメージギャラリー、レイアウト関連、吹き出し、ボタン、イメージスライダー、CSSフィルターを使った画像エフェクト、テキストエフェクト、テーブル、ボックスシャドウ、Font Face、カラム生成、ボーダー、トランジション、トランスフォーム、グラデーション、角丸などなど、よく使われるCSSによる装飾に関するジェネレーターが一通り揃ってます。品揃えが素晴らしいですね。これだけあればCSSを深く知らなくてもたいていの装飾はできるんじゃないかとさえ錯覚します。 Generate CSS

ebi73 2014/02/19

Generate CSS – 様々な種類のCSSジェネレーター | Webデザイン | mBlog

CSS

リンク

[CSS]ウェブページを印刷対応にする際に、加えておくと効果的なスタイルのまとめ

ウェブページを制作する際に、デスクトップ・スマフォ・タブレットと多様なデバイスでの表示を検討する必要がありますが、プリンターでの印刷も忘れてはならない大切なデバイスです。あなたのウェブページを印刷対応にする際に加えておくとよい、シンプルで効果的なスタイルシートを紹介します。 The printer is a device too! Responsive Design.isは文字通り、レスポンシブデザインについてさまざまな情報を提供するサイトで、「プリンターも大切なデバイスですよ！」というのは、確かに忘れがちですね。印刷対応にするスタイルはHTML5用で、シンプルながら非常に効果的なスタイルがまとめられています。多くのウェブページはそのまま適用しても問題ないと思います。 CSS @media print { section { display: block; page-break-b