タグ

2013年7月9日のブックマーク (2件)

  • [CSS]パーセントで指定された正確なサイズが不明な要素を天地左右の中央に配置するスタイルシートのテクニック

    天地左右の中央に配置したい要素のサイズが幅も高さもピクセルで指定されていれば、marginやpaddingで簡単に配置できますが、サイズ指定にパーセントを使用した要素だと表示サイズに依存されてサイズが分かりません。 そんなパーセントで指定されたピクセルでの正確なサイズが不明な要素を天地左右の中央に配置するスタイルシートのテクニックを紹介します。 デモページ:幅780pxで表示 HTML HTMLはシンプルで、中央に配置するdiv要素だけです。 <body> <div>Percentage sized and still centered.</div> </body> CSS ぱっと思いつく方法としてはパーセントをネガティブマージンで使えばいいのでは、となるところですが、ネガティブマージンを使用すると左右の中央はできますが、天地の中央がうまくいきません。 ここではネガティブマージンではなく、

  • ほんの数分でプレゼン資料をサクッと作れるお助けツール「Biggie」 | ライフハッカー・ジャパン

    仕事に追われるビジネスパーソンはもとより、ハッカソンなんかでも使えるかも。 新しいアイデアを発表しなければならないのに、会議まであと10分しかない! そんな危機的状況を救ってくれそうな、当にサクッと素早くプレゼン資料を作れるツールがありました。「Biggie」を使えば、ほんの数分でスライドショーを作ることができます。Biggieは、Markdownを使ってスライドショーを簡単に作成します。Biggieで、各スライドに入れたい言葉を入力し、それをMarkdown(マークダウン)で整形し、「publish」ボタンをクリックすればできあがりです。 さすがに凝ったアニメーションまではできませんが、とにかく今すぐプレゼン資料を作らねばというピンチでは、活躍してくれること間違いなしです。 ちなみに、Markdwonって何?と思ったら、以下の記事を参考に。 テキスト以上ワープロ未満:手軽に書式付きテキ

    ほんの数分でプレゼン資料をサクッと作れるお助けツール「Biggie」 | ライフハッカー・ジャパン