タグ

2015年8月28日のブックマーク (2件)

  • 「九ポ堂」さんのポストカードが可愛くてついつい見せたくなってしまったのです - バンビのあくび

    先日、ショッピングセンターをふらふら見て歩いていたところ、可愛らしいポストカードが目に留まりました。 紙モノ雑貨好きの私がかわいいなぁと眺めているだけで終われるはずもなく、しかしながら予算ってものの存在もほんの少しだけ思い出したので、厳選しつつ3枚ほど購入してきました。 それが「九ポ堂」さんのポストカードでした。 九ポ堂さんのポストカードは活版印刷のため、表面をなでてみると凸凹感が指に伝わってくるのが楽しいのです。 私が購入したものは架空の商店街をイメージしたシリーズのもので、その商店街は「ゾクリ町商店街」「ツキアカリ商店街」「雲乃上商店街」があるようです。 実は購入時点で九ポ堂さんを存じ上げなかったため、図柄で気に入った3枚を選んだのですが、それが見事に各商店街を1枚ずつ選ぶ形になっていました。やるじゃん、わたし! では、そのやるじゃん、わたし!な3枚をお見せしちゃいます!(エラそう)

    「九ポ堂」さんのポストカードが可愛くてついつい見せたくなってしまったのです - バンビのあくび
  • CSSのfloatに困った時に見直したい6つのポイント、floatがどのように機能しているか分かりやすく解説 | コリス

    floatを使うと思った通りにならず、下に落ちてしまう、幅に収まらないなど、CSS初心者がつまづきやすい問題を解決するポイントを解説したチュートリアルを紹介します。 How Floating Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 floatのルール 1. フロート要素を親要素から見るとどうなるか 2. 左や右にフロートさせる 3. フロート要素が押し下げられてしまう原因 4. フロート要素の配置の順番 5. フロート要素の配置の優先順位 6. フロート要素で親要素を広げない フロートのクリア clearfix floatのルール floatプロパティには、4つの値があります。 .foo { float: left | right | inherit | none } この4つの値はそれぞれ、要素を親要素の中でどの

    CSSのfloatに困った時に見直したい6つのポイント、floatがどのように機能しているか分かりやすく解説 | コリス