instantShiftで、インスパイアされる料金体系ページデザインがまとまっています。 ざっといくつかご紹介。 ↑はSquarespace。 Typepad Zen Wufoo Basecamp フォントサイズが大きくてジャンプ率の高いものが見やすくていいですね。 その他のリストは以下からどうぞ。 » 77 Inspirational Example of Pricing Page Designs フランス料理のお店に行ってきた。ばりうまかったぞ。
ジャックポットについて特別なキャッシュバック取引約定後に、幸運なプレイヤーは最大100,000円のキャッシュバックが当たります。また、Highlowロイヤルティ・ステータスが高いほど当選確率・金額が上昇します。
実録!サイトリニューアル 2007年07月07日。 はからずも見事に『7』並びとなった今年の「777プロジェクト」。この日に面白法人カヤック、そしてグループ会社クーピーのWEBサイトがリニューアルしました。創業からこの8月で10年目に突入するカヤックは2年半ぶり5回目、クーピーは2001年の創業以来初の試みです。 このサイトができあがるまでにどんなストーリーがあったのか?新生カヤック&クーピーサイトの全容は?両サイトの総指揮をとった、カヤック&クーピー代表・柳澤がご報告します。 まずは、でっかい文字のサイトにしよう サイトリニューアルに関して大切なこと、それは『賛否両論はあるだろうけど「いいんだ」という“思い込み”で進むこと』ですね。今回僕が両サイトを通して、果たしていいのだろうか・・・と迷いながらも、思い込むように意識したことは「でっかい文字のサイトにしよう」でした。 ネッ
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
デザインの優れていると思う企業サイトを教えてください。 これぞ企業サイトと思えるようなカチっとしたデザインで、情報がきちんと整理されているものが知りたいです。 例えば、 村田製作所:http://www.murata.co.jp/ KDDI:http://www.kddi.com/ OMRON Industrial Automation:http://www.ia.omron.com/ のようなものです。 もし可能であれば、そのサイトを作った制作会社の名前もお願いします。
第 8 回目は「CSSを使った見栄えの良いフォーム」です。 フォームまわりは、各ブラウザによってかなり差異があります。 よって CSS だけで見栄えをよくしようとすると、結構手間だったります。 例をあげると magin・paddingが異なる borderの線がでない 背景が画像があたらない などなど そんな時に便利なのが 「niceforms」 という javascriptライブラリです。 すいませんが、今回だけは javascript を使わせてください。 niceforms のサンプルはこちら 導入方法 まずは、niceforms をダウンロードします。 次に、必要な jsファイル および cssファイル をインクルード。 <script language="javascript" type="text/javascript" src="niceforms.js"></script>
Can you believe this: Few days ago I went to my bank to check my credit score with the Credit Bureau. The bank official typed in my personal data and sent a request. Web application responded by displaying a yellow message box with an exclamation icon saying that data processing is still in progress. He checked several more times, but he didn't notice that at one moment the message changed to "Acc
yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。 ウノウに入る以前も含めてそれなりに長いことHTMLとCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。 まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが(笑 たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。 ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるように たとえばグローバルナビゲーションとカ
こんにちは。yamazakiです。今回はちょっと趣向を変えて、技術や手法ではなくて、デザイナとしての「カン」を養うために個人的にやっていること、やったらいいと思うことを簡単にまとめてみました。 左利きになったつもりで、左手をメインに使う生活をしてみる 例えば駅の改札口で、切符を入れるところはなぜあの位置にあるのか、自動販売機の硬貨投入口はなぜあの位置なのか。カメラのボタンの位置はなぜあの位置なのか。普段何気なく使っているものにもやはり「そうしたほうがよい理由」が潜んでいます。その「理由」を発見する上では、マイノリティの立場になってみると面白いです(海外に行くと逆に日本のことがよくわかる、というのと同じようなものかもしれません) というわけで、簡単なところで、左利きになったつもりになって行動をしてみると色々な発見、気づきがあります。 何かを買ったら取扱説明書を見ずにどこまで使いこなせるか試
Als je op zoek bent naar een betrouwbare partner voor je koeltransportbehoeften, kijk dan niet verder dan Petit Forestier. Met… Hallo, Willem hier! Welkom op mijn blog: Webdog! Ik heet Willem en heb dit blog vernoemd naar mijn hond Bram. Nou ja, niet vernoemd, maar toch wel een beetje opgedragen aan hem. Vandaar de woordspeling. Behalve mijn hond zijn andere belangrijke dingen in mijn leven: mijn
Web 2.0 “sign up” page For those following “web 2.0”, the initial sign up page has become virtually synonymous with launching web application (especially for betas). As I have been working on the marketing for Plaid, I have been studying the art of the sign up page. I have reviewed dozens of sign up pages. Though, I am missing one critical piece to my analysis; I have no insider information on t
The Picnik is over As announced earlier, Picnik closed on April 19, 2013. We're fortunate and proud to have worked on Picnik. What now? To keep your photo editing mojo rolling, check out Google Photos Editor. Why? Since joining Google in 2010, the Picnik team has been working on Picnik while helping to create photo editing magic in Google's products. But now we get to focus. What about my photos s
Découvrir la marque Nous formulons des soins cosmétiques et fabriquons des ingrédients naturels et durables pour les domaines cosmétique, agroalimentaire, nutraceutique. Nous travaillons tous les jours à approfondir notre connaissance et notre expertise marine afin d’extraire le meilleur de cet écosystème pour améliorer les propriétés des produits de nos clients. En savoir plus
56 10 09 2007 漢字が使える日本語フォント 無料ダウンロード 46種類 Japanese, Font 数少ない漢字が使えるフリーの日本語FONTをサムネイル付で紹介。 使用する場合は各ページの利用規約に添ってご利用下さい。 モトヤ - トップページ 会員登録が必要です。 Holiday MDJP02 - トップページ キャパニト・アニト・セプテンバー・あられ・えれがんと・東くずれ - トップページ 会員登録が必要です。 切り文字 - トップページ モフ字 - トップページ S2Gシリーズ - トップページ あくあフォント - トップページ しねきゃぷしょん - トップページ じゃぽねくす - トップページ あずきフォント うずらフォント 怨霊フォント - トップページ あんずもじ - トップページ えるまーフォント - トップページ ウナオジャポン・鞦韆堂フォント・昭和ノスタル
CSSでいつも悩まされるのはクロスブラウザですけど、フォームでは特に面倒くさい要素が山盛りですよね。ボタンの文言を動的に変えたいから画像はなるべく使いたくないけど、だからといってブラウザのデフォルトのボタンとか、味気ないですものね。 今日は、フォームにつきもののボタンについて考えてみます。 私たちがボタンに求めるモノって、何でしょう。 データを送信(submit)する どのブラウザでも同じように見える 使い回しが聞く ボタンについている文言がどんなに長くなっても、水平方向の長さがフレキシブル 上記のようにサイズ的にフレキシブルであっても、見た目の美しさを阻害しない ボタンの大きさ=クリックできるエリアの大きさ 画像がdiableされていても使用可 CSSがdisableされていても使用可 ボタンのように見えて実はただのリンクの時のもある これらの要求を解決してくれる方法が複数出
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く