「もうやめにしよう」　過熱する恵方巻き廃棄問題に兵庫のスーパーが一石投じるチラシ　「かっこいい」と大反響呼ぶ - ねとらぼ

2018/02/05 513 users 一石 ヤマダストアー 節分 施策 前年

大量廃棄が問題視される恵方巻き問題に、兵庫県内のスーパーが「もうやめにしよう」と一石を投じ、反響を呼んでいます。前年の売上個数よりも多くの数を用意するのが当たり前のスーパー業界で、あえて余剰分を作らない施策を取った「 ヤマダストアー 」にお話を聞きました。 ヤマダストアーの節分のチラシ 兵庫県内で8店舗を運営するヤマダストアーが掲示したのは、「もうやめよう」と大きく書かれたチラシ。「昨年あちこちで... 続きを読む

[CSS]ちょっと大胆に、斜めのラインを使うスタイルシートのチュートリアル | コリス

2011/12/25 149 users コリス コンテン ラッパー チュートリアル Safari

下記は各ポイントを意訳したものです。 デモ 実装 デモ 斜めのラインはCSS3で実装されているので、Chrome, Safari, Firefox, IE9でご覧ください。 demo 1 実装のポイント コンテンツ自身は回転させず、コンテンツのラッパーを回転させます。 回転させたコンテンツは表示領域からはみ出す部分もあるので、余剰分の処理も忘れずに。 HTML 見出しとテキストを含む個々のコンテン... 続きを読む

[CSS]画像の天地の上限を設定し、垂直方向の中央に配置するCSSのテクニック | コリス

2011/11/28 102 users コリス wrapper overflow CSS 天地

デモページ：幅480pxで表示 実装 実装のイメージ 画像のサイズは100%で設定し、高さ・幅の上限は画像を内包するdiv要素で設定します。 また、垂直方向の中央に配置するために、「overflow: hidden;」を使って余剰分を隠します。 HTML 画像はimg要素で配置し、div要素で内包します。 <div class="image-wrap" id="wrapper"> <img src... 続きを読む