2018年02月6日(火)

【テーブル、カード、フォームetc…】マテリアルデザインのための便利なコードスニペット10選！【前篇】

• 0
• 64
• 0
• 0

マテリアルデザインの流行がウェブの世界を席巻しています。フレームワークやカスタムUIキットを使用したマテリアルスタイルの新しいサイトが量産されています。

しかし、悪いことではありません。これは、Googleが独自のデザイン言語として認めている、或る意味で「保証された」トレンドを活用して、デザインプロセスをシンプルにする方法だからです。

本記事では、前後半に分けてマテリアルスタイルの様々なデザインとコンポーネントを提供してくれる、役立つ数々のスニペットの中から10個を厳選して紹介します（本記事はその前篇です）。

マテリアルデザインスタイルに多くを負っている人なら、本記事で紹介するコードスニペットは役に立つと思います。

１．レスポンシブテーブル

author:

SeleQt（セレキュト）

http://www.seleqt.net/

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

Google出身者に聞く“圧倒的な成果を上げる”チーム作りの方法

         

NEXT ›

               

【優れたサイトを例に取り入れよう】2018年に試してみたい！Webデザインのトレンド8選【前編】

関連記事

• 2020年、Web制作・デザインに役立つ記事の総まとめ
• 【保存版】フロントエンド開発に役立つジャンル別jQueryプラグイン50選 ダウンロードしてすぐに使える！
• 2018年総まとめ: Pocketにたくさん登録されたWeb制作に役立つ記事のまとめ
• プログレスバーからドロップダウンメニューまで・・・　自由に使えるマテリアルデザインの傑作コードスニペット25選！
• プログレスバーからドロップダウンメニューまで・・・　自由に使えるマテリアルデザインの傑作コードスニペット25選！

Ads

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。SeleQt（セレキュト）の記事『【テーブル、カード、フォームetc…】マテリアルデザインのための便利なコードスニペット10選！【前篇】』についてまとめています。

この記事は特にレスポンシブ・javascript・アニメーション・アイコン・bootstrap・Google・アプリについて書かれており、 Webデザインのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のSeleQt（セレキュト）で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとSeleQt（セレキュト）の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。