タグ

2018年6月26日のブックマーク (3件)

  • あなたはどちら派?FlexboxとCSSグリッドで使える便利なリソース10選

    Tableレイアウト、floatレイアウトを経て、Web開発者たちに大きな衝撃を与えたのが、*「Flexbox」*という存在です。 Flexboxは名前の通り可変のボックスで、コンテンツのレイアウトをデバイスのディスプレイサイズに応じて柔軟に対応させることができます。そのため、レスポンシブレイアウトが流行していた当時は非常に革新的な存在として注目を集めました。 時を経て、CSSグリッドも従来のレイアウト手法が持つ問題点の多くを克服して登場しました。しかし、今もなおFlexboxが便利なので使い続けている人も多いのではないでしょうか。 そこで今回は、FlexboxとCSSグリッドで使える便利なリソース10選をご紹介します。どれも便利なものばかりなので、気に入ったものがあればブックマークしておきましょう。 あなたはFlexbox派?CSSグリッド派? イメージ画像 / stock.io Fle

    あなたはどちら派?FlexboxとCSSグリッドで使える便利なリソース10選
  • ランディングページを作る前に!参考にしたいLPデザインまとめサイト10選

    この記事は、2014年11月25日に公開された記事を再編集しています。 リスティングの受け皿やキャンペーンの告知用に、Web担当者はランディングページ(LP)を作成する機会があります。その度にどのようなデザインにしたらいいのか、どのような構成にすればいいのか悩まれる方も多いのではないでしょうか? 今回は、ランディングページのデザインや構成の参考になるまとめサイトを紹介します。 ランディングページの基的な解説に関しては、以下の記事も参考にしてみてください。 参考: ランディングページとは〜LPOで成果の上がるページを作る方法と使えるテンプレート集まとめ|ferret 国内のランディングページのデザインまとめサイト Web Design Clip [L] Web Design Clip [L] Web Design Clip [L]は、業界問わず、参考になるランディングページの

    ランディングページを作る前に!参考にしたいLPデザインまとめサイト10選
  • Adobe XDがかなり便利になってる!スマホやWebサイトの制作に使える、UIやワイヤーフレームの無料素材のまとめ

    Adobe XDは毎月アップデートされ、機能の強化もすごいですが、無料素材もどんどん公開されています。スマホやWebサイトのUIデザイン、ワイヤーフレーム、スタイルガイドの作成に役立つAdobe XDの無料素材をまとめました。 Adobe XDの基的な使い方や新機能を学びたい人には、先週紹介したAdobe公式チュートリアルファイルがオススメです。 10分で分かる!Adobe XDの新機能や実践的な使い方が学べるAdobe公式チュートリアルファイル中級編 今回紹介するAdobe XDのUI素材は、ここから。 まずは、先日公式経由でリリースされたUIキットから。

    Adobe XDがかなり便利になってる!スマホやWebサイトの制作に使える、UIやワイヤーフレームの無料素材のまとめ