誰でも簡単プロの味！これだけは覚えておきたい笠原流レシピ
笠原料理長レシピ 画像提供：レシピブログ ウチゴハンでおなじみの「賛否両論」笠原料理長。笠原流で有名なのが黄金比率ですよね。和食の基本は「出汁」「醤油」「みりん」のようで、この三つを使割れている笠原流料理！今回はそんな笠原流のレシピを集めてみました。 笠原流お料理 画像提供： レシピブログ 笠原さんの里芋サラダ。ツナと粗引きコショウがポイント！これで味が全然違うんだとか。お子さんの箸がすすむサラダですよ♡ 画像提供： レシピブログ 笠原将弘シェフのきんぴらゴボウ。和食の心ですね！簡単美味しいきんぴらゴボウで女子力UP♪ 画像提供： レシピブログ 笠原シェフとろとろ豚の角煮。おふくろの味の一つ！とろとろの角煮で男子の胃袋をget♪ 画像提供： レシピブログ 煮込まない！笠原将弘流ブリの照り焼き。作れるようになりたい定番料理ですね♪ 画像提供： レシピブログ 笠原さんのしっとりロール茹で鶏 。
味の型紙
たとえば醤油を買いに行ったとき、お店の陳列棚は蕎麦つゆ、うどんつゆ、天つゆ、すき焼きのわりした、寄せ鍋のつゆ・・・とさまざまな味付け醤油で埋め尽くされていて、普通の醤油を探すのに苦労することがあります。そして、こうしたものを買い揃えた結果、冷蔵庫の中は瓶類で満杯ということに。もう少しシンプルに暮らすことはできないものでしょうか？ 本当は手作りできる 用途別に作られた調味液はすぐに使うことができて、たしかに便利です。ただ、限定された味だけに、使い残したものは次の出番が来ないうちに賞味期限を過ぎて捨てられてしまう、といったことも多いのではないでしょうか。 それら調味液のラベルを眺めてみると、基本になるだしに加えて、醤油・酒・味醂・酢などの調味料をベースに作られていることがわかります。いずれも、どこの家庭にも常備されているものばかり。その気になれば、そして簡単なレシピさえあれば、そんなに苦労する
配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう！｜Webpark
自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか？ 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か
デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17
よく黄金比という言葉を聞いたりしますが、実際にどういうものかわかっていなかったり、 デザインの当てはめ方が分からなかったりすることが多いので、簡単にまとめてみました。 貴金属比 nの場所に自然数が入り、第1貴金属比を黄金比、第2貴金属比を白銀比、第3貴金属比を青銅比といいます。 よく聞く黄金比は、貴金属比の１つです。 近似値 1.6180(約5:8) CSSで黄金比を見る 伝承では古代ギリシアから使われ始めたと言われています。 パルテノン神殿、モナリザなど数多くの建築物や美術、アートなどに使用されています。 白銀比 白銀比には、以下の2つがあります。 1:1+√2 の第2貴金属比に含まれる白銀比 1:√2 の日本で古くから使用されている白銀比(大和比) どちらも白銀比と呼ばれることが多いので、紛らわしいです。 白銀比(第2貴金属比) 近似値 1:2.414(約5:12) CSSで白銀比を見
最近よく使ってる、Web制作に役立つWebサービス的なやつ
少し前に聞いてくれた方がいたのでついで にシェアしてみます。個人的に最近よく好ん で使っている、Web制作に役立つWebサー ビスみたいなものをご紹介。全部既出で 珍しいものは無いんですけど、一覧にする のもたまにはいいかもですね。 というわけで、場合によっては誰得な記事ですけどご了承下さい。僕がここ最近でよく使ってるWebツールを古いのから新しいのまで、順不同でご紹介していきます。 web計。 → 黄金比・白銀比をサクサク計算 計算が面倒な黄金比や白銀比を、数値を入力するだけでサクサク出してくれます。動作も軽くてストレス無しです。 web計。 simplelib → よく使うjQueryコードをパッケージで配布 めっちゃ楽です。jQueryで作りたい機能だけを選択して、1つのjsファイルにパッケージにしてくれますよ。ページスクロールとかタブとか需要の高いものが揃っています。ちょっと機能を
数値を指定すると黄金比やらの比率をざっとはじき出してくれる『Get Ratio』 | 100SHIKI
ちょっとした便利ツールのご紹介。 Get Ratioを使えば、黄金比や16:9などの「よく使う比率」をまとめてはじき出してくれる。 もちろん手作業で計算すればいいだけだが、こうして「まとめて」算出してくれるのは便利だろう。 全部で8通りの比率を出してくれるが、必要なら自分で比率を指定することも可能だ。 またそれぞれの比率を画像で表示してくれるので、自分にとって気持ちいい比率を探し出す手助けにもなるだろう。 こうした計算を良くやる人は覚えておいてもいいですな。
icloudのアイコンに隠れた美しさの法則。
Thank you for coming to my blog! this article English version is here. 先日のWWDCで発表されたicloud。アップルのクラウド本格参入ということで色々とサービスが話題になっていますが、相変わらずアイコンのデザインも綺麗に仕上がっていますね。 では、なぜ美しく見えるのか、少し視点を変えてアイコンのデザインそのものに注目して、その美しさの理由に迫ってみたいと思います。 まずは、なんとなく眺めてみましょう。 雲の輪郭が不規則な曲線を描きつつも、とてもバランスのとれた形になっていますね。ワラのなかから一本の針を見つけるぐらい、とまではいかないと思いますが、シンプルでバランスのとれた形にしながらも雲に見えるような形に定着させるのは、簡単そうに見えて意外と難しく、磨き抜かれたデザインだということが分かりますね。 なんとなく眺めて
「iCloud」のアイコンは黄金比でデザインされていた
(02/18) 空間ビデオより魅力的？空間写真をiPhoneで撮影して楽しむVision Proユーザー (02/17) iPhone 16は空間ビデオ撮影に対応するという噂を裏付けるカメラモジュールのリーク (02/16) iPhoneでeKYCをする時「カメラが真っ暗」「ピントが合わない」その対処法 (02/16) Apple Vision Pro購入者の返品理由「重い」「長時間装着できない」 (02/13) iPhoneやiPadに生成AIを実装できるMicrosoft CopilotのiOSアプリ (02/12) Vision Proはまだプロトタイプで改善点が多くある、本格的に実用できるのは4世代後か (02/12) povo 2.0のMNP予約番号を取得する (02/12) 不朽の名作『うる星やつら2 ビューティフル・ドリーマー』がPrime Videoで配信開始 2011年6
[本]デザインの美は数学に潜んでいる「デザインのための数学」
黄金比や白銀比、パターンやシンメトリーや規則性など、数学的要素をデザインに取り入れることを学べる一冊「デザインのための数学」を紹介します。 表紙は驚くほどそっけないですが、中身はいい意味で期待を裏切りますよ。 [ad#ad-2] デザインのための数学の目次 序章：デザインは自然が一番美しい 美しいバランスの黄金比 らせんとデザイン 規則性のデザイン 白銀比とキャラクター 美術品と比率 比率と加工 かたちと設計 シンメトリーのデザイン パターンの見つけ方 動きのデザイン 繰り返し模様のデザイン いろいろな作品の作り方 本のみどころ 当サイトでも何回か、このデザインに数学的要素を取り入れることをとりあげてきました。この本では、黄金比、白銀比、フィボナッチ数、螺旋の比率、シンメトリー、フラクタルのパターンなど、デザインでよく利用される数学的要素の概要から、実際にどのようにデザインに取り入れている
[CSS]黄金螺旋を作成するスタイルシートのチュートリアル
Golden Spirals [ad#ad-2] そのままでは実用性はないと思いますが、いつか何かに使えるかなあ。 スタイルシートで黄金螺旋を作成：HTML スタイルシートで黄金螺旋を作成：準備編 スタイルシートで黄金螺旋を作成：完成編 スタイルシートで黄金螺旋を作成：HTML 元となるHTMLは、14個のdivを使った入れ子です。 HTML <body> <div id="container"> <div class="cycle"> <div> <div> <div> <div class="cycle"> <div> <div> <div> <div class="cycle"> <div> <div> <div> <div class="cycle"></div> </div> </div> </div> </div> </div> </div> </div> </div> </d
黄金比にも対応したグリッドレイアウト用のシンプルなCSSのフレームワーク -The Square Grid
2, 3, 4, 6, 9, 12, 18の均等分割をはじめ、黄金比の分割にも対応したグリッドレイアウト用のCSSのフレームワークを紹介します。 The Square Grid [ad#ad-2] The Square Gridのグリッド設計 グリッドの全幅は994pxで、両端に余白7pxをとり、残りの980pxを均等に35分割したものをベースにしています。 均等分割のカラム
Twitter新デザインは昔からあるアレです
Twitter公式ウェブの新デザインはもう試しました？ あれ見て、｢はて？ どこかで見たような...｣と思った方は鋭い！ そうなのです、黄金比（Golden Ratio）になってるんですねー。 Googleトップデザイナーの職を辞めて話題を振り撒いたTwitter現クリエイティブディレクターのDoug Bowman氏が、その発想の源をFlickrに公開し、明らかになりました（上図）。 黄金比は古くは古代ギリシャの時代からあり、フィボナッチ数列で有名になったコンセプトですよね。この比率の四角形は黄金四角形といって、正方形を切り取ると、残る長方形も黄金四角形になって、延々正方形ができていく永久スパイラル。パルテノン神殿からモンドリアンの絵画、巻き貝など、至るところで目にすることができます。 それが毎日のツイートにも！ [Flickr via Laughing Squid] Brian Barr
数値の入力だけで画像の黄金比をサクッと出してくれるWeb計が使いやすくなってた
いつの間にか黄金比抽出ツールの Web計。が使いやすくなってました。 お友達のタケさん作のツールですよ。 画像の縦の長さ、或いは横の長さを 入力するだけでリアルタイムで黄金比 を出してくれるのでとても便利。 そのWeb計がいつの間にかリニューアルしていて、ツールごとにタブで分けられていたのでよりノンストレスになっていましたよ。 デザインもすっきりリニューアルして見やすいです。タブはjQueryを使用。 Web計には黄金比以外にも白銀比ツールや4:3、3:2、16:9を図るツールもありますが、タブのおかげで再入力する必要もなくなりました。 凄く軽量でサクサク移動できるし、他ツールに移動しても前の入力数値は残りますので効率よく図る事が出来ますね。 数値を入れるだけ。クリックも不要でサクッと数値を出してくれますよ。 国産なのも嬉しいですね。わざわざ計算せずとも、ここを覚えておけば作業効率も上がり
黄金比をサイトのデザインに取り入れる簡単な３つの方法 | コリス
その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、１つの値
ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法
黄金比、フィボナッチ数列、ファイブエレメンツ、サインウェーブなど数学的な要素を巧みにウェブデザインに取り入れる方法をSmashing Magazineから紹介します。 Applying Mathematics To Web Design 下記は各ポイントを意訳したものです。 また、当サイトでも黄金比をウェブデザインに取り入れる簡単な方法を紹介していますので、あわせてどうぞ。 黄金比をサイトのデザインに取り入れる簡単な３つの方法 はじめに 1. 黄金比（黄金四角形） 2. フィボナッチ数列 3. ファイブエレメンツ 4. サインウェーブ [ad#ad-2] はじめに 「数学は美です。」 数字嫌いの人には、ばかばかしく聞こえるかもしれません。けれども、自然や宇宙にある美しいもの、最も小さい貝殻から最も大きい銀河まで、数学的な要素を持っています。 数学ははるか昔から今日まで芸術や建築のデザインに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマフォでも黄金比を取り入れたレイアウトを組めるCSSフレームワーク「Less Framework」搭載のWPテーマ・Whiteboard
クロスブラウザ対応・グリッドレイアウトのCSSフレームワーク・FEM
サービス終了のお知らせ