タグ

2013年5月17日のブックマーク (4件)

  • HTML5+CSS3の「カンタン装飾設定」で今風デザイン

    的にグラデーションや角丸はジェネレータからコピペして設定できるので、作業自体は簡単です。HTML5+CSS3サンプルを使って表現してみましょう。 (1)装飾のキモは「グラデーション・線・角丸・影・テクスチャー」 前回HTML5+CSS3の「レイアウトを自在に使いこなす」では、限られたいくつかのCSSプロパティを組み合わせて、さまざまなレイアウトができることをお見せしましたが、今回はそれに装飾を加えていきます。 いざ装飾しようとすると、どこから手を付ければ良いのか迷ってしまうかもしれませんが、アイコンなどの絵を除けば、装飾の要素は「グラデーション」「線」「角丸」「影」「テクスチャー」くらいなものです。それらを整理して組み合わせることで、全体として一体感のあるデザインに仕上げられます。 「それが難しいんだよ!」というお叱りの声が聞こえてきそうですが(笑)、以下の2つを見比べてみましょう。上

    HTML5+CSS3の「カンタン装飾設定」で今風デザイン
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • もこみち流 えだ豆とグリーンピースとコーンのスープ|MOCO'Sキッチン|ZIP!

    <材料> 玉ねぎ・・・・・・・・・・1/2個 セロリ・・・・・・・・・・1/3 オリーブオイル・・・・・・大1/2 [A] コンソメスープ(ベジタブル)・・・・400ml えだ豆(ゆで・皮むき)・・・・・・・60g グリーンピース(ゆで)・・・・・・・60g コーン(ホール缶)・・・・・・・・・60g 鶏ささみ(塩ゆで)・・・・・・・・・1 塩・胡椒・・・・・・・・・・・・・・各少々 バゲット・・・・・・・・・・・・・・4枚 <作り方> (1) 玉ねぎ、セロリはみじん切りし、オリーブオイルとともに フライパンに入れてしんなりするまで炒める。 (2) Aを入れて、塩・こしょうし、コンソメスープを注ぎ、 ささみをさいて加えひと煮えし、器に盛り付け、 バゲットをちぎってのせ、軽く混ぜてスープを吸わせ、 お好みでオリーブオイルを回しかける。 <POINT> ●ベーコン、ハム、ウインナーなどを加

    もこみち流 えだ豆とグリーンピースとコーンのスープ|MOCO'Sキッチン|ZIP!
  • さまざまな文具を試してきて最終的に行き着いた文房具7点

    ギズモードをご覧の皆様、ご機嫌麗しゅう。OZPAの表4のおつぱ( @OZPA )です。 今月は、文具大好きな私が今現在使用しているすていしょなりぃを7点ほどご紹介いたします。 ペンケース ペンケースには、容量と使い勝手を考えKOKUYO NEO CRITZを使用しております。 このペンケース最大の特徴は「自立する」と言う点。会議や打ち合わせの際、またカフェでの作業時にペン立てとして使用することができ、これがもうひじょーに便利! 小さなポケットもいくつか配置されていたり、ケースを思いっきり開けば内容物を一目で確認できる点など、機能性にも大変優れたペンケースです。 「KOKUYO NEO CRITZ」ガジェットケースとしてもイケル!ペンスタンドに変形するペンケースを購入した[OZPAの表4] ノート 私用で使用しているノートはMOLESKINE(モレスキン)。現在はEvernoteとのコラボレ

    さまざまな文具を試してきて最終的に行き着いた文房具7点