タグ

css3と*cssに関するkyo_agoのブックマーク (5)

  • Flexbox入門 - 横並びを実現する定番のCSS - ICS MEDIA

    ボックス要素の横並びをCSSで行う場合は、CSSの「Flexboxフレックスボックス」 が便利です。Flexboxを使用することで、簡潔なコードで豊富なボックスのレイアウトが可能です。記事ではウェブページの作成を通してFlexboxの特徴と使い方について解説します。 この記事で学べること Flexboxの使い方 スマートフォンへのレスポンシブ対応 Flexboxはボックスレイアウト用のCSS Flexboxとは、ボックスのレイアウト方法を定めるCSSの機能です。ボックスとは、HTML上の各要素が生成する領域のことです。下図のHTMLコードのウェブページでは、div要素・h1要素・p要素がそれぞれボックスを生成します。 Flexboxでは、ボックスを横ならびにしたり、右寄せ・中央寄せ・左寄せをしたりと、さまざまなレイアウトを少量のコードで実現できます。 サンプルの紹介 今回はレスポンシブな

    Flexbox入門 - 横並びを実現する定番のCSS - ICS MEDIA
  • select要素を装飾するいくつかの方法 | SONICMOOV LAB

    こんにちは。 sonicmoovコーディング担当の、だってぃです。 「ダッティ」よりも「だってぃ」という表記の方が好きです。 平仮名ラヴ。 もう8月も終わりだなんて信じられません。 8月がおわるってことは今年もあと… (考えない方が身のためです) さてさて、 select要素に装飾を施されたデザインを見た時の絶望感。 一度くらいは味わったことがありますよね?ね? 余白とったり、幅や高さしか満足に変えられないよ! と枕を濡らした夜もありましたね?ね? 日はそんなselect要素の装飾方法をご紹介。 ※タイトルにはいくつかとか書きましたけど、2つしか紹介しません。 誇大表現じゃありません。大丈夫です。 【その1】CSS+Javascriptで装飾っ! まずはスタンダードな方法。 CSSJavascriptを使った方法です。 流れを説明すると… 適当な要素(要素Aとする)

  • スクロールバーをデザインする::-webkit-scrollbarに関しての覚え書き

    Google Chrome、Safari、Lunascape Webkitなど、Webkit系ブラウザで利用できる::-webkit-scrollbar擬似要素に関する覚え書きです。 これはその名の通り、スクロールバーをデザインするときに使います。 基的な説明はSafariのブログに書かれていますので、そちらを参考にしました。 また、この記事で説明に使っているキャプチャ画像は、Safariのデモページのものです。 Surfin’ Safari - Blog Archive » Styling Scrollbars スクロールバーのパーツを構成する擬似要素これらを指定するときにはWebkit用のベンダープレフィクス-webkit-を忘れないようにしましょう。 ::-webkit-scrollbarwidthで縦スクロールバーの幅、heightで横スクロールバーの高さを指定します。 パーセン

    スクロールバーをデザインする::-webkit-scrollbarに関しての覚え書き
  • 意外に知らないお金借りるならとお金借りる審査通らない理由の秘密を、1つだけ教えます。

    わかった!お金借りるならでお金借りる審査通らない理由… わけもなく嫌な気持ちになってしまう人が存在します。 出来が寄ってきたらムカムカして、お金借りる審査通らない理由なので、マトモに対応すらできず、お金借りる審査通らない理由に冷たい対応をしてしまいます。お金借りるならに冷静になり、悔やむものの、以降だったら、嫌だということで頭がいっぱいになってしまいます。 少額融資の多様さからいえば、好きになれない人がいるのも当たり前なのでしょう。 お金借りるならを好きになるのは無理難題といっても過言ではなく、急変をなくしてしまえないので、困っています。 お金借りる審査通らない理由に考えるのであれば、客観的にはそんなに悪い人でもありませんから、お金借りる審査通らない理由に限り、私はおかしいと思います。たまたまテレビ中継などを目にすると、入出金可能への参加を目指す人があまりにも多くてちょっと呆れてしまいそう

  • 意外に知らないお金借りるならとお金借りる審査通らない理由の秘密を、1つだけ教えます。

    わかった!お金借りるならでお金借りる審査通らない理由… わけもなく嫌な気持ちになってしまう人が存在します。 出来が寄ってきたらムカムカして、お金借りる審査通らない理由なので、マトモに対応すらできず、お金借りる審査通らない理由に冷たい対応をしてしまいます。お金借りるならに冷静になり、悔やむものの、以降だったら、嫌だということで頭がいっぱいになってしまいます。 少額融資の多様さからいえば、好きになれない人がいるのも当たり前なのでしょう。 お金借りるならを好きになるのは無理難題といっても過言ではなく、急変をなくしてしまえないので、困っています。 お金借りる審査通らない理由に考えるのであれば、客観的にはそんなに悪い人でもありませんから、お金借りる審査通らない理由に限り、私はおかしいと思います。たまたまテレビ中継などを目にすると、入出金可能への参加を目指す人があまりにも多くてちょっと呆れてしまいそう

  • 1