サバの味噌煮は非常においしいのですが、自宅で作るとなぜかかたくなったり、あるいは味噌の部分がみそ汁になったりと毎回失敗していたのですが、ようやくお手軽かつ短時間で作る方法を見つけました。 用意する材料はサバの切り身、赤みそ、料理酒だけ。調理器具はフライパンを使うので誰でも作れます。時間もわずか30分。手早く作れば20分ほどでできあがりますので、急いでいるときのもう一品とか、手軽なおつまみとしても便利。 というわけで、以下、実際の調理中の写真とムービーを交えながらレシピを解説していきます。 今回のレシピのベースになったのはこの記事。 簡単! フライパンで作る 鯖味噌煮 - [男の料理]All About ・食材 生サバ(6切れ分ぐらいが適量、間違って塩サバを買ってこないこと) 赤みそ(みその種類で味が変わります) 料理酒(今回は純米料理酒を使用。高級な料理酒だとおいしく仕上がります) ・調理
In this simple tutorial, we're going to create a clever little way of making little buttons using a couple of layers and one interchangeable image layer. Step 1: Start by drawing in a colored background. I've used dark brown/greys here and used a subtle radial gradient. Then in a new layer, draw a circle and fill it with a color. It doesn't matter what color you use; I've used green here. Step 2:
ナビゲーションのドロップダウンメニューは、JavaScript を使って実現出来ますが、スクリプトをオフにしてブラウジングしている人も居たりするんで、それを CSS だけでやってみた。今、チョロッとやってみただけなんで、微妙な感じかもしれませんが。(しかも、全然クロスブラウザじゃないし...) やり方としてはいくつかあると思うんですが、今回はサブメニューの表示・非表示をコントロールするために、疑似クラスの hover プロパティを リスト要素に使っています。なんで、hover プロパティをアンカー要素以外に適用出来ない IE なんかでは表示されないんで、あまり使えないかも:-P リストを横に並べる 元となる (X)HTML のサンプルは、当然の事ながら、ナビゲーション部分をリスト要素でマークアップしてあります。また、全ての要素の margin と padding を 0 にしています。 サ
画像の下に余計な空間ができないようにする方法 前のページでご紹介したとおり、「行の中での縦方向の位置」を指定するvertical-alignプロパティを使えば、画像を「ベースライン」ではなく「下端」に揃えられます。このとき、vertical-alignプロパティの値に「text-bottom」を指定した場合と、「bottom」を指定した場合とでは、下図のような違いがあります。 「フォントの高さ」よりも「行の高さ」(line-heightプロパティの値)の方が高い場合は、上図の淡い赤色で塗った領域のように、「文字のある領域」よりもさらに下に空間があります。背景色はそこまで塗られるため、背景色のあるボックスの内側にある行では、vertical-alignプロパティに値「text-bottom」ではなく「bottom」を指定しないと、無駄な空間は消えません。 画像の下に余計な空間ができないように
マウスが載ると画像が変化するリンクを作る画像リンクの上にマウスを載せたときに、リンク画像が別の画像に変化するようなリンクを作ってみましょう。今回は、JavaScriptなどのスクリプトを使わずに、スタイルシートを使って実現する方法をご紹介致します。 マウスが載ったときにリンク画像を変化させる 画像リンクの上にマウスを載せたときに、画像が変化するようなリンクを作ってみましょう。 実現方法はいろいろありますが、JavaScriptを使わずにスタイルシートで実現する方法をご紹介いたします。 下記に4つの画像リンクがあります。それぞれにマウスを載せてみて下さい。 待ち時間なしで、すぐに画像が切り替わるはずです。 ねずみリンク うさぎリンク いぬリンク カンガルーリンク ▲それぞれマウスを載せると画像が変わります。 4つの画像にマウスを載せた瞬間に、画像が切り替わります。切り替わる先の画像を読み込む
テキストに透明・光線・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
PSDTuts - Just Great Photoshop Tutorials Super Slick Dusky Lighting Effects in Photoshop One of the best sites around for desktops has to be Desktopography. 風景画像をCDジャケット風の超クール画像にするPhotoShopチュートリアル。 上の元画像を下の画像のようにカッコよく加工していきます 人物や文字を美しく光らせるなど様々なテクニックが使われているので、こなしておくとよさそう。 チュートリアルの中間あたりでも、かなり綺麗な画像が出来ています。 チュートリアル用のPhotoShopファイルがダウンロードできるので便利です。 関連エントリ ゲームのキャラクターをクールに装飾するPhotoShopチュートリアル 映画のタイトルロゴのよう
PSDTuts Advanced Glow Effects In this tutorial we're going to create some really sharp looking glow effects using a combination of layer styles, the pen tool and colour blending. 映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル。 次のような画像を作成するチュートリアルです。 本当に綺麗で、パンフレットの表紙、WEBデザインのタイトル部分など、様々な部分に応用することが出来そうです。 チュートリアルを参考に画像を作ってみたところ、次のような画像が出来ました。 関連エントリ PhotoShopで7色に輝く美しいパーティクルエフェクトを作成するチュートリアル 壁に落書きをしたよう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く