versionもやりました。)僕のサイトhttp://nobu-69.com/others.htmlに書きましたのでご覧下さい。2013/11/15」をクリックして下さい。Drawer(ドロワー)とは机とかの引き出しという意味です。基本的には表示領域が小さいスマホ対策と言えると思いますが、PCサイトのように表示領域が大きい場合に、この仕組みを利用し遊び心として面白い演出をするのもアリだと思います。真中のぶicomoon/アイコムーン1件のフィードバック2013-08-23の勉強会でアイコムーン「シンボルフォント」についてやりました。アイコンを画像ではなく文字情報として扱うので大きく表示した場合に画像だとギザギザになるのが、これだとギザギザになりません。矢印ツールで好きなのを好きなだけ選択フッターの「font→」クリックすると、Downloadとなるのでクリックしてダウンロードする。あっ、そうだ!ダウンロードの前にPreferenceをクリックして選んだアイコンをまとめたファイルに任意の名前つける。チェックboxは特になにもチェックしなくていい。ダウンロードすると任意の名前の後にアイコムーンがつけた数字のファイルができましたよね。nobuyasu2041みたいなの。実際に使用するのは、style.cssとfontフォルダです。ie7以下にも対応させたい人は、Ite-ie7.jsも必要です。index.htmlをテキストエディタで開いてみましょう。data-icon="&#xe000;"></div>が、ありますよね。それを使いたいHTMLにコピペすればつかえます。その際にHTMLとstyle.cssとfontフォルダのパスの位置に注意して下さい。パスの位置はindex.htmlを参照。あと、index.htmlをブラウザで開くとどんなアイコンが入っているか見る事ができます。src="lte-ie7.js"></script><![endif]-->icomoon使い方でググると色々出てきます。僕の説明だけじゃ????の人は、それらも参考にしてみて下さい。コメントしてくれれば、お答えします。自分でイラレなどで作ったアイコンもシンボルフォントにしてくれる機能もあります。おりんごさんが別記事で書いてくれました。真中のぶcss3で簡単横並びレスポンシヴデザイン1件のフィードバック2013-06-14の勉強会で、やりました。width:calcとsizing:border-boxという新しいものであります。100%を3で割って10px引くという意味。*(かける)も使える。演算子の前後は、必ず半角あける。borderの幅、paddingの幅もwidthのうちに入れてくれる。--------100%を3で割って10px引くという意味。*(かける)も使える。演算子の前後は、必ず半角あける。--------borderの幅、paddingの幅もwidthのうちに入れてくれる。*/僕のサイトにサンプルと説明をアップしました。真中のぶ今更聞けない!レスポンシブWebで役に立つ!6つのCSSリセット4件の返信レスポンシブWebデザインをしていると、スマートフォン向けに指定したCSSの値を、PC向けCSSではリセットしないと上手くいかない(?)のような場面に遭遇します。そんな時、CSSの値に初期値指定してリセットする方法を知っておくと役に立ちます。目新しいものはありませんがレイアウトをする上で、これからお世話になりそうなので自分用メモです。これもよく使うとか、知っておくと良いよ!というものが他にもあったら教えていただけると嬉しいです。visible;}「max-width」の初期値が「none」に対して、「min-width」の初期値は「0」です。プロパティ名が似ているので同じ初期値を指定してしまいがちです。間違えやすいポイントかと思いますので、注意が必要ですね。あと番外編メモとして、リセットではありませんがIE6以外のブラウザ向けに指定を行いたい場合、下記のような記述を使うと便利です。セレクタを「>」で区切る子セレクタを対象とした記述方法は、IE6には対応していないので、結果としてIE6以外のブラウザに向けた指定となるわけです。sa-kaレスポンシブWebデザインのモックアップ作成に便利なツール「FROONT」コメントをどうぞ今日はレスポンシブWebデザインのモックアップ作成に良さそうなツール「FROONT」を紹介します。登録したばかりで使い方も把握してなくて言うのもなんですが(^^;A、上手に使えばかなり便利なツールになるかもしれません。おぉ〜、なんか良さげじゃないですか?ちなみにこのサイト、今流行りのフラットデザインですね。Pantoneの2013年のトレンドカラー、エメラルドグリーンも押さえてます。カスタム投稿タイプとカスタムフィールドについてモバイルファースト実践です。DESIGNERの集まりです。ヘッダー画像をトップページにだけ表示させたい。