タグ

2017年7月31日のブックマーク (2件)

  • [CSS]レスポンシブ対応の最新版!サイズが不明な要素を天地左右の中央に配置するスタイルシートのまとめ

    div要素やp要素に画像やテキストなどを配置した高さや幅のサイズが分からない要素を外側の容器の高さが不明でも天地左右の中央、ビューポートの中央に配置するスタイルシートのテクニックを紹介します。 Centering horizontally and vertically in CSS float, transform, position, display:flex;などを使ったテクニックが紹介されており、ページの実装に合わせて、実装方法を決めるとよいでしょう。 デモではsection要素がコンテナに、div要素が中央に配置されています。

    [CSS]レスポンシブ対応の最新版!サイズが不明な要素を天地左右の中央に配置するスタイルシートのまとめ
    htn_50koma
    htn_50koma 2017/07/31
    [CSS]レスポンシブ対応の最新版!サイズが不明な要素を天地左右の中央に配置するスタイルシートのまとめ
  • コピペ&カスタマイズ自在!2017年らしいカラフルグラデーションをまとめた Grabients

    2017年のグラフィックやウェッブデザインを見ていると、発色の良い鮮やかなグラデーションカラーの利用されている機会が多く、今年の人気トレンドのひとつと言えます。 Grabient は、ウェブサイトやグラフィックデザインに利用したくなる美しいグラデーションカラーを現在21種類揃え、お好みで色をカスタマイズ、作成できる無料の配色作成ツールです。ボタンをクリックするだけで、Internet Explorer や Chrome などクロスブラウザ対応のCSS3コードをコピペできます。角度の変更や色の追加など嬉しい機能が揃った、ぜひデザイン制作に活用したいサービスです。 詳細は以下から。 コピペ&カスタマイズも可能!2017年らしいカラフルグラデーションをまとめた Grabients Grabient では、そのまま配色に利用したくなる美しいグラデーションカラーが一覧で揃っており、お好みで調整、変更

    コピペ&カスタマイズ自在!2017年らしいカラフルグラデーションをまとめた Grabients
    htn_50koma
    htn_50koma 2017/07/31
    コピペ&カスタマイズ自在!2017年らしいカラフルグラデーションをまとめた Grabients