とっておきを、みんなのものへ は「焼きたてカスタードアップルパイ」の専門店。 工房一体型をコンセプトとして、店舗で焼き上げ、いつでも出来たてのアップルパイをご提供しています。 お菓子職人が、とびっきりおいしいアップルパイを作るために日夜、工房にこもって作り続けた結果できたご褒美スイーツ。そんなご褒美スイーツを皆様におすそわけする場がRINGOです。 毎日店頭で焼き上げる、その1つ1つに思いを込め、究極の美味しさを追求します ABOUT RINGO
![焼きたてカスタードアップルパイ専門店 RINGO](https://cdn-ak-scissors.b.st-hatena.com/image/square/4e1fbaf024580692d3a062c3f7f5e15ce9423d73/height=288;version=1;width=512/https%3A%2F%2Fringo-applepie.com%2Fwp-content%2Fthemes%2Fringo%2Fassets%2Fimg%2Fogimage.jpg)
ブレークポイントで、CSSの「プロパティ」と「値」を切り替えるmixinの作り方 2015年09月06日 レスポンシブサイトを作っているときに、スマホとPC閲覧時でCSSでプロパティの値を切り分ける必要があります。 例えば、<div class=”block”></div>のpadding-topが、PCは50px、スマホは25pxとしたい時のCSSは次のようになります。 ※ブレークポイントを767pxにした時。 .block { padding-top: 50px; } @media only screen and (max-width: 767px) { .block { padding-top: 25px; } } この記述を毎回、手で書いていたら時間がかかります。そこでsassを使うと便利なのです。 あらかじめ↓のようなmixinを定義しておきます。 @mixin padding-
投稿日:2007年5月1日 レベル:初心者 ソフトウェア: Step1 : ノイズを加える Step2 : ぼかし(移動)を適用 Step3 : コントラストを変更 Step4 : 雲模様1を使う Step5 : 覆い焼きツール Step6 : 明るさを加える Step7 : 質感を出す Step8 : バリエーション
Today must be a Thursday. I could never get the hang of Thursdays. Photo by harold.lloyd
こんにちは、デザイナーのまきこです。 iPhone6のディスプレイがバキバキに割れてしまってから、心を無にしてずっと使っていましたが、iPhone6sの発売により、最近はちょっとウキウキしています。 ところで、デザイナーのみなさんは、普段作業をしているときに「このままのデザインだと、なんかさみしい�」「もっとにぎやかにしたい」と思ったことはありませんか? そんなときは、制作物に応じた「にぎやかし」をするのがもちろん良いのですが、いろいろ難しく考えるよりも、手を動かしてみたほうが早い、ということもありますよね。ということで今回は、デザインが「なんかさみしい」と思ったときに、だいたい3分あれば試せるデザインアイデアを7つご紹介します! ▼ デザインアイデアに詰まったときはこちらもどうぞ。
こんにちは、デザイナーのまきこです。 ずっと応援してきたアイドルの方が年末にグループを卒業してしまうとの発表をうけて、木枯しが一層つめたく感じられる今日このごろ。失恋のような胸のくるしさをデザインの糧にしない手はないと言い聞かせつつ、日々業務に励んでいます�。 さて、話題は変わりますが、日本語のタイトルやロゴをデザインするのって、むずかしいですよね。漢字やひらがな、カタカナが混じっていると統一感を出すのが難しかったり、アルファベットよりも形状が複雑なので、パスをいじってバランスをとるのに四苦八苦したり……。 そこで今回は、日本語のタイトルやロゴをデザインするときにヒントになりそうな、ストックしておきたいアイデアを一気に13個ご紹介します。できるだけ多くのパターンを出してデザインの候補の幅を広げたり、「こっちの方向で行こう!」と思えるカタチまですばやく到達したいときのためにストックし、役立て
更新履歴 +more+ 素材(Back,Icon,Number)追加 ('07/8/17) 素材(Back,Icon,Line)追加 ('07/8/5)
TL;DR 少し前にサイト制作でさりげなく使われている CSS テクニックをまとめましたが、今回はそれを補足する形で、これから増えそうなもの、使っていきたいものを今後忘れないようにメモしておきます。 Photoshop ののように、乗算・オーバーレイなど背景色と背景画像を混ぜあわせたり、写真に色々な効果を付与することができるbackground-blend-modeプロパティ。シンプルな例では、以下のように背景写真と背景色を合成することが可能です。 .blended { background-image: url(face.jpg); background-color: red; background-blend-mode: multiply; } 効果一覧:multiply/screen/overlay/darken/lighten/color-dodge/color-burn/hard
こないだロゴを変えてサイトデザインも変えたわけですが、ロゴはもっともっともっと時間かけてやりたいところだったんですが、自分の性格上、それだといつまで経ってもやらないので一気に勢いでやりました。自分のブログですから、また気が向いたらマイナーチェンジを加えていく予定です。 自分のブログなんかでなく、お客さまのロゴ制作をする上で注意している点がいくつかありますので、今回はその辺りを書いてみようと思います。せっかくなのでMaka-Veli.comロゴと併せて とにかく最初は「作らない事」これにつきます まず、とにかく下調べ とにかく競合他社を調べまくります。 どんなロゴを使っているか そのロゴからどんな雰囲気を感じ取れるか どんな人が顧客、潜在顧客なのか(ターゲット) ここで仰天。教えてもらったんですが、なんと有名アニメ(?)のキャラと丸かぶりでしたよ。 良い悪例なので晒しておきます
P.G.C.D.JAPAN INC.は、 サクセスフルエイジングな生き方を提唱します。 そのためにP.G.C.D.ブランドは本質的な価値である、 「洗練されたナチュラル感」と「上質なシンプル感」を体現します。 “Less is More” “Less but Better”をモットーとし、 絶えざる革新により、 疑われることのない慣習に対して挑戦し続けます。 日本発のGlobal High Brandを目指すからこそ、 ブランドの提唱者として、お客様に恥じない生活者であり続けます。 それは、飾ることではなく、隠すことでもない。 ありのままの自分を見つめ、向き合うことを忘れない。 その先にある“なりたい自分”を叶えるための習慣。 P.G.C.D.のスキンケアは、 化学肥料で肥大な野菜をつくる技術ではなく、 苗を植える前に、日々、土を耕すような行為です。 洗顔とローションだけのシンプルなスキン
2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね!ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ(?)のCOLOURloversから、「これは!」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください!また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト! 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く