[B! material design] labduckのブックマーク

コピペ可ですぐに役立つ！マテリアルデザインを極めるHTML/CSSスニペット30個まとめ

Googleが2014年に提唱したデザインガイド「マテリアルデザイン」。最近の新しいウェブサイトでも、このマテリアルデザインの考え方や基本原則を取り入れたものが増えています。今回は、コピー＆ペーストで手軽にマテリアルデザインを再現できるHTML/CSSスニペットをまとめています。対応しているスニペットは、ナビゲーションメニューやドロップシャドウなど特長的な素材から、ボタンやカード型レイアウト、Preloader、ホバーエフェクト、チャット機能、モーフィングアニメーションなどさまざま。ゼロからスタイリングすると時間のかかってしまう作業を短縮できるものも多く、ぜひ実践の現場で役立ててみてはいかがでしょう。マテリアルデザインを手軽に！CSS/HTML/JSコンポーネント「Material Design Lite」の使い方まとめお好みのマテリアルデザイン配色でHTMLスニペットを一発作成で

labduck 2017/07/15

リンク

マテリアルカラー

Build beautiful, usa ble products faster. Material Design is an adapta ble system—backed by open-source code—that helps teams build high quality digital experiences.

labduck 2017/04/25

リンク

マテリアルデザインでやってはいけない68のこと（間違いチェックリスト）

マテリアルデザインでは、Googleにより作り方のガイドラインがしっかりと決められています。しかし、ルールがかなり多いため、どうしても間違った表現をしてしまいがちです。今回はマテリアルデザインでやってしまいがちな間違いを淡々と紹介していきます。WEB制作、アプリ制作時のチェックリストとしてご活用ください。 Google I/O 2018でのガイドラインのアップデートを反映しました。重要なルール 1 マテリアルから文字をはみ出してはいけない

labduck 2017/04/25

リンク

Material Design Lite

Material Design Lite Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. Get started now. Templates The MDL components are created with CSS, JavaScript, and HTML. You can use the compone

labduck 2015/07/11

リンク

10 CSS Snippets for Creating a Material Design UI – Speckyboy

We touched on Material Design a few months ago (Material Design GUI kits, you should check them out!) just as Google’s innovative visual language began building up a head of steam. Since then, we’ve seen many, many sites and apps that have incorporated the visual language successfully. This is going to be the year of Material Design, and we love it Just in case you haven’t jumped on the Material D

labduck 2015/03/15

リンク

🎨 Material Design Colors, Color Palette | Material UI

Material Design Color Palette will help you quickly decide which color to choose for your project. Colors are taken from Google's Material Design Guidelines.

labduck 2015/01/17

リンク

レンタルサーバーナレッジ

Twitter CPIのTwitterアカウントでは、サイト、サーバー管理者のための重要なセキュリティ情報や、サイト運営者のためのヒント、お得なキャンペーン情報をお知らせしています。 Follow @cpiadjp Tweets by cpiadjp 掲載内容について、当社は情報の掲載には細心の注意を払っておりますが、完全性などについて保証を行うものではありませんので予めご了承ください。掲載されている情報をご利用いただいた際に、損害が発生・誘発した場合や、情報自体の真偽性・合法性・道徳性・著作権の許諾等について問題が発生した場合などについて、当社は一切の責任を負いません。掲載されている情報を利用したサイト製作については、ご自身の責任において行ってください。

labduck 2014/11/14

リンク

MUI: The React component library you always wanted

Skip to content🚀 Influence MUI's 2024 roadmap! Participate in the latest Developer Survey →

labduck 2014/11/14

リンク

Documentation - Materialize

flash_on Speeds up development We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers. group User Experience Focused By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and an