Flexboxで実装する定番レイアウトのコードのまとめ | コリス

2021/04/01 99 users Flexbox コリス ブッダ コピペ CSS flexbox

Webページやスマホアプリに使用される一般的な定番レイアウトをCSS Flexboxで実装したシンプルなコードを紹介します。 ヘッダ・コンテンツ・フッタがあるレイアウトをはじめ、サイドバーがあるレイアウト、スマホに対応したカードの配置、高さを揃えたカード、異なる高さのカードを使用した価格表など、コピペで簡単に使... 続きを読む

ワイシャツってクリーニングに出す物なの？

2018/08/28 265 users ワイシャツ アイロン シワ クリーニング クリーニング屋

ワイシャツって一度もクリーニングに出した事ない。 普通に家で洗って、なんだったらアイロンもかけてないんですが。（シワがつかないタイプのワイシャツ） よれてくるようになったら捨てる。 クリーニング屋でワイシャツ100円って価格表にあるけど、一般的にはクリーニングに出す物なのか。 続きを読む

物議の「アルマーニ標準服」価格表が判明　夏・冬服、着替えなど一式で9万円

2018/02/08 250 users 物議 一式 アルマーニ標準服 判明

【公立小・アルマーニ標準服】林芳正文科相が衆院予算委で言及「保護者負担が過重にならないよう、通知の発出も検討」 続きを読む

「イスラム国」が売る性的奴隷の価格表、若いほど高額−国連 （Bloomberg） - Yahoo!ニュース

2015/08/04 152 users ブルームバーグ Bloomberg イラク パンフレット 同氏

（ブルームバーグ）：紛争下の性的暴力担当国連事務総長特別代表を務めるザイナブ・バングーラ氏によれば、過激派組織「イスラム国」は捕らえた女性と子供を奴隷として売り渡すために価格表を配布している。イスラム国の残虐ぶりはかつてないほど深刻になっていると同氏は指摘する。 バングーラ氏によると、同氏は４月にイラクに出張した際、イスラム国のパンフレットの写しを渡され、その中に価格表が含まれていた。価格表では幼... 続きを読む

[CSS]ユーザーの操作に合わせて価格表の一部を拡大するCSS3のテクニック | コリス

2011/11/27 65 users コリス Sta CSS マウスホバー table要素

ユーザーのマウスホバーに合わせて、価格表のセルをアニメーションで拡大するCSS3のテクニックを紹介します。 デモページ ホバーしたセルが拡大表示され、ボックスシャドウを使って浮き上がる感じです。 カラーを変更してもよさそうです。 実装 HTML 価格表は実はtable要素を使っておらず、リスト要素で実装されています。 <div class="pricing_table"> <ul> <li>Sta... 続きを読む

これで見込み客を逃さない！魅力的な価格表デザインのコツ｜designaholic -Creative Column-

2011/02/14 81 users ユーザ 上位 実例 メイン プラン

複数のプランを持ったサービスや商材を紹介する際に価格表を作ることがあると思いますが、その際に見込み客を逃さないためのポイントや実例を紹介します。  まず、価格表を作成しようと思ったら価格や機能が比較できるようにデザインをすると思います。もちろん、見やすくデザインすることは大事ですが、さらにユーザに選んでもらうためには以下の2つポイントが重要になってきます。   1.メインで売りたいプランより上位の... 続きを読む

テーブルやリストを使用した価格表のデザイン集 | コリス

2010/05/25 316 users プロダクト 設計 Web Designer ユーザー 1st

プロダクトやサービスを販売しているサイトにとって非常に重要な価格表のデザイン集を1st Web Designerから紹介します。 40 Fantastic Pricing Tables for Your Inspiration 価格表はその設計を決しておろそかにするものではなく、直観的で使いやすく、ユーザーに最も重要な情報を提供する非常に重要なコンテンツです。 上記サイトでは、シンプルなテーブルか... 続きを読む