タグ

cssに関するryoasaiのブックマーク (3)

  • jagrid - Excel方眼紙をWeb上に再現! MOONGIFT

    これは凄いかも知れない…。 最近のCSSフレームワークは幅を12分割した上でデスクトップ、タブレット、スマートフォンに適応させるスタイルになっています。しかしこれでは緻密な画面設計を求められる日の業務システムにはマッチしません。 日の業務システムと言えばExcel方眼紙がデフォルトです(断定)。そのUIに慣れ親しんだ人のためのグリッドレイアウトフレームワークがjagridです。 jagridの使い方 こんにちは、Excel方眼紙! うん、まさにExcel方眼紙です。 表はまさにお手の物。 セル3つ分、といった指定も簡単にできます(data-widthで指定)。 従来のWebコンポーネントと合わせることもできます。ちゃんと文字の頭が合っているのに注目。 こんな緻密な画面も簡単に設計できます。 Webデザインにおいてこれほど緻密な画面を設計しようと思うと、かなり苦労するはずです。しかしja

    jagrid - Excel方眼紙をWeb上に再現! MOONGIFT
    ryoasai
    ryoasai 2014/05/12
    懐かしいですねexcel方眼紙。でも、自動的に本物のexcelに変換ではないのでしょう、実用上どんなメリットがあるのかな。
  • Custom Scrollbars In WebKit | CSS-Tricks

    DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Way back in the day, you could customize scrollbars in IE (e.g. v5.5) with non-standard CSS properties like scrollbar-base-color which you would use on the element that scrolls (like the <body>) and do totally rad things. IE dropped that. These days, customizing scrollbars is back, but it’s

    Custom Scrollbars In WebKit | CSS-Tricks
  • Vertically Center Multi-Lined Text

    If you only have a single word or a single line of text, there is a clever way to vertically center it in a block with CSS. You set the line-height of that text to be equal to the height of the box. Works great, but is a major fail if that text needs to wrap. A “speech bubble” is a classic example of somewhere we might want text to be centered both horizontally and vertically and be adaptable to m

    Vertically Center Multi-Lined Text
    ryoasai
    ryoasai 2013/07/22
  • 1