Google Material Iconsを疑似要素（before/after）に文字コードを指定して使う | YAMATO ENGINEER BLOG
アイコンフォントといえば『Font Awesome』ですが、 デザイン的にはGoogleマテリアルアイコンのほうが好みです。 ただ、疑似要素への使い方などは公式サイトで書いていないので調べてみました。 他のアイコンフォントは疑似要素に対してcontentプロパティで文字コード設置する方法など書いていますが、 Googleマテリアルアイコンは無いんですよね。 Googleマテリアルアイコン Google Material Icons Material Icons Guide Google Material Iconsの基本的な使い方 CSSを読み込み。 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> あとはHTML上でタグを使えばアイコンが表示される。 <i clas
全て無料！現役デザイナーが選ぶ高品質で無料のベクター素材80選
ベクター素材は、jpg、PSD形式と異なり編集しても画像が劣化しないという大きなメリットがあります。 ホームページだけでなく印刷物にも最適なベクター素材は、沢山持っておいて損はありません。 今回はデザイン、プレゼン資料に使いやすいビジネス向けのフリーベクター素材を中心に80個紹介します。 いずれも無料でダウンロード出来ますが、高品質なものばかりです。 デザインに取り入れてみてはいかがでしょうか。 3.Free Green Landscape Vector 幅広くデザインに使える、緑と青空をポップに描いたベクター素材です。 4.Ecology Logo Concept 環境、エコ関係のロゴ制作に最適なベクター素材のセットです。 5.Anniversary Seals Badges お祝い関係のデザインに使える記念バッジの素材セットです。 6.Dancing Girls Silhouette
かなりオススメ！商用利用無料のデザインに使いやすい写真素材がたくさん揃ってるダウンロードサイト -Moose
先日ローンチされたばかりの素敵な写真素材サイトを紹介します。 デザインに使いやすい写真ばかりが揃っており、人物やオブジェクトの背景がベタで、非常に使いやすい写真素材です。スナップ写真のようなものは一切なく、センスがいい写真が無料でダウンロードできます。 Moose 写真はすべて標準のライトで撮影されており、オブジェクトやモデルや背景を自由に組み合わせることができます。 上記のページでモデルと背景を変更しても、違和感はありません。 まずは、写真のダウンロード方法から。 各写真ページの「Download Photo」をクリックするだけで、高解像度の写真がダウンロードできます。登録やメールアドレスなどは必要ありません。 Good Breakfast, Great Day 各写真ページから高解像度のものがダウンロードできますが、すべての写真を一括でダウンロードすることもできます。トップページの「D
【2017年総まとめ】モックアップ作成で絶対役立つ！すごいPSD素材厳選100個まとめ
※ 2019年2月25日追記: 2019年用の最新フリーモックアップをまとめた別の記事を公開しています、クオリティがぐんとアップして無料アイテムを揃えています。 リアルな仕上がりは感動モノ！すごいPhotoshopモックアップ厳選75個まとめ 完成したデザインのクオリティを高めることができる Photoshop モックアップの中で、2017年に公開された無料素材をまとめて100個厳選しています。クライアント向けプレゼン資料やブランディングに欠かせない、高品質な無料のモックアップ用PSDファイルを利用してみましょう。 なお、モックアップの詳しい使い方やカスタマイズ方法については、以下のエントリーで紹介しています。こちらも参考にしてみてはいかがでしょう。 モックアップでデザイン力を上げる！手軽で無料のPSDファイル50選 2017年の1年間にまとめた無料モックアップ素材に関するエントリーは以下
Grimoires Library & E-Books
Note: The below books are nearly all PDF files requiring the use of Acrobat Reader. Acrobat Reader is a free product that can be downloaded by clicking the banner below. If you wish to download the files for offline reading click the diskette icon on left of the top bar of the open pdf. Below you will find a number of books that have been collected over the Internet and hosted at our website. . Ma
U-NOTE - サイト閉鎖のお知らせ
U-NOTE サイト閉鎖のお知らせ 長らくのご利用、誠にありがとうございました。 当サイトは2024年12月31日をもちまして閉鎖いたしました。 これまでのご支援に心より感謝申し上げます。
Caverns (by 2BAM)
Click to modify the cavern. You can select the material at the bottom palette. P: Pause ~ 0: Mute all ~ +/-: Volume up/down
これは使えるぞーーっ！浮世絵に描かれた26種の動物がベクター素材になって無料ダウンロード公開 | アート 日本画・浮世絵 - Japaaan
colissさんでとってもステキな素材集が紹介されていました。江戸時代の浮世絵に描かれた多種な動物たちがSVGのベクター素材になって無料ダウンロード公開されているんです。 これはいいですね！日本画や浮世絵の作品がベクター素材になって提供されていることはなかなかないので嬉しい。浮世絵のテイストがそのまま生きたデザイン素材。象や麒麟はまさに当時の流行のタッチ。 しかも素材は商用利用でも無料。改変して使用可能。ベクター素材なので色を変えたりパスを変更したりすることができます。 このデータの元の作品は歌川芳虎（うたがわよしとら）の「新板けだもの尽」で、タイトルの通りに様々な動物が描かれた、江戸時代のいわゆる「おもちゃ絵」と言われるものです。 国立国会図書館デジタルコレクションより 書誌ID 023907912 歌川芳虎というと十二支をミックスした「家内安全ヲ守十二支之図」が人気。
【Android】Material Design 用の color 設定 layout を作成しました
Android Material Design Android で Material Design のデザイン時に便利に利用でき、様々な配色を便利に利用できるよう layout 用の Color を一覧を作成しました。 プログラムをしながら、同時に配色を決める時に役立ちます。 色の濃さを変更するのも既にカラーコードが宣言してありますので、呼び出すだけで簡単に配色を試すことができます。 概要 簡単で、GitHub に置いてあります。 ダウンロード ・サイトからの場合 https://github.com/pt106/android-material-color から、Download ZIP ボタンにてダウンロードしてください。 ・git で取得の場合 git clone https://github.com/pt106/android-material-color 使い方 m_color.
フリーWEB素材サイト「DOTS DESIGN(ドッツ・デザイン)」
総数10000超！商用・非商用フリー！ 無料で使える素材サイト DOTS・DESIGN（ドッツ・デザイン） ドット・デザインは、商用・非商用フリーのWEBデザイン素材サイトです。 この手のサイトはいろいろ規約がうるさいですが、このサイトはここにあるアイコンをあたかも自分の作った素材のように配布・販売しない限り、商用であろうが、非商用であろうが無料で使用できます。 WEBデザインをはじめて早5,6年経ちますが、毎度一からドットアイコンを作成することが多かったので、よく使うドット素材をここらで自分のためと誰かのために一から作ってまとめておいておこうと思ってます。 気に入ったらWEB製作や、あなたのBLOG、ホームページに使ってやってください。 クリスマス素材まとめ ドッツデザイン (2009年11月14日 09:59) | コメント(0) | トラックバック(0) ここのところクリスマスの素材
FLAT ICON DESIGN -フラットアイコンデザイン- | WEBデザインやDTPですぐ使えるフラットアイコン素材がフリー（無料）ダウンロードできるサイト
フラットデザインに最適なフラットアイコン素材がフリー（無料）でダウンロードできる「FLAT ICON DESIGN」。 WEBデザインやDTP他、PPTなどでもすぐに使える商用利用可能なアイコン素材。利用規約はこちら ファイルのフラットデザインアイコン ノートのアイコン素材 あざらしのフラットアイコン 博士のフラットアイコン素材 はさみのフラットデザインアイコン ハンマー（とんかち）のフラットアイコン ドル袋のフラットアイコン素材 無料の暴れ牛のフラットアイコン素材 スペースシャトルのフラットデザインアイコン ギリシャのパルテノン神殿風のフラットアイコン 目玉のアイコン素材 にわとりのフラットアイコン素材 計算機のフラットアイコン素材 その2 コーヒーカップのフラットアイコン素材 バッファローのフラットアイコン 乳牛のフラットアイコン 海外の大学帽子のフラットアイコン おさるさんのフラット
話題のMaterial DesignをWebで実現！Polymerで「Paper Elements」を試そう
話題のMaterial DesignをWebで実現！Polymerで「Paper Elements」を試そう 佐藤歩（株式会社サイバーエージェント） この記事では2014年7月にGoogle I/Oで発表されたMaterial Designについて、どのようなコンセプトなのか、これまでのデザインガイドラインと何が違うのか、ポイントをおさえて紹介します。記事の後半では、Material DesignをWebで実現するためのPolymerとPaper Elementsに関しても説明します。 Material Designという視覚的言語 Material Designの目的は、ひとつの視覚的な言語（Visual Language）によって、あらゆるプラットフォーム、あらゆるスクリーンサイズのデバイスで、一貫性のある体験を提供することです。 それを実現するため、伝統的なグラフィックデザインとテク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Color Tool - Material Design
Icons - Material Design
Material Design
ご利用規約 | 商用利用可のベクターイラスト素材集「ピクト缶」
吹き出し素材専門サイト「フキダシデザイン」
【カスタム・シェイプ ★★★】 - フリー素材 Shapes4FREE
Launcher Icons (Archive) | Android Developers
Google Design - Discover the people and stories behind the products
