A B O U T

MATEREATE CONTENTS

当サイトでは管理人が作った数々のWeb素材を置いてあるサイトでございます。


ナビゲーション、ボタン、アイコン等をアニメーションやエフェクトを使用しおしゃれで素敵なWeb素材を提供していきたいです。


ご利用は各素材ページから無料でダウンロードしてお使いいただけます。

ダウンロードしてお使いいただく分には全素材無料でご利用いただけます。


色を変更したい、文字の大きさを変えたい等ご要望がございましたら、コンタクトページよりお気軽にお申し付けください。

カスタマイズできる方は、 ご自由にカスタマイズして使っていただいて構いません。

素材の特徴

MATEREATE CONTENTS

素材コードの特徴をご紹介いたします。

素材を利用、または実装・反映する上での目安としてお読みください。

スタイル定義

Read More

極力class名をつけてスタイルを定義

これはタグでスタイルを定義した場合、いざ反映させたら、レイアウトが崩れた等の不都合ををできるだけ抑えるためにしています。

またhtml側のタグを変更したい時に、html側だけの修正ですむようにするためでもあります。

リセットCSSを定義

Read More

各素材にリセットCSSを定義して制作

ブラウザ間での表示の違いや、反映させた時にレイアウトが崩れるのをできるだけ少なくするためにおこなっております。

基本的には各要素の余白をなくし、box-sizingをborder-boxにする程度でございますが、素材によっては他にもリセットスタイルを定義してる場合がございます。

そのため反映させた時、既存サイトのスタイルが崩れてしまう可能性がある場合がございます。バックアップ等の処置をおこない十分に注意してお使いください。

複数素材使用時

Read More

当サイトの素材を複数使用する際

class名の定義の都合上、複数素材使用時にまれにclass名が干渉しあい、デザインやレイアウト、また機能等がうまく反映されない場合がございます。
複数の素材をご使用の際は、バックアップ等の処置を行い、十分に注意してご使用ください。

素材の実装・反映がうまくいかなかった方は、お気軽にご連絡ください。
お見積り後こちらでカスタマイズして、実装・反映いたします。

コード量

Read More

コード記述量が長くなる

極力少ないコード量で制作を心がけておりますが、スタイル定義での理由もあり、コード記述量が長くなります。

そのままでもご利用いただけますが、長いコードは読み込みに時間がかかってしまうため、SEO対策に影響を受けてしまう可能性がございます。

ご自分でカスタマイズできる方は、コードを整理してお使いください。またそれが難しい方は、連絡をいただければこちらでお見積り後、コードを整理して反映いたしますので気軽にお申し付けください。

Webサイト制作

MATEREATE CONTENTS

MATEREATE(マテリエイト)は素材提供だけではなくサイト制作もおこなっております。

MATEREATE(マテリエイト)ならではのサイト制作における魅力をご紹介いたします。

もちろんレスポンシブ対応

スマートフォンの普及により、もはやサイト制作においてレスポンシブ対応は必須といえます。 パソコン、タブレット、モバイルに応じたサイト制作をいたします。

MATEREATEの サイト制作 魅力1

Read More

画像の多用は極力避ける

ここでいう画像とはイメージ写真のことではなく、見出しやボタン等に画像の使用を避けるという意味です。
これは画像を使用すると読み込みに時間がかかるため、サイト全体の読み込みが遅くなるためです。

お客様が提案されたデザインで、コードで表現できるものは全てCSSでコーディングいたします。
(※デザインによってはやむを得ず画像を使用することがあります。)

MATEREATEの サイト制作 魅力2

Read More

jQueryプラグイン使用は極力控える

jQueryプラグインとは、サイトページに動きやアニメーションを簡単に加えられる非常に便利なものです。
しかしプラグインには、実装する機能によっては使用しないコードやプログラムが出てくる可能性がございます。

これはサイト読み込み速度にも影響し、ひいてはSEO対策にも影響が出てくる可能性がございます。
プラグインに頼らず自作で対応できるものに関しては、極力自作プログラムで実装、反映いたします。
(※お客様の要望する機能によってはやむを得ずプラグインを使用することがございます。)

MATEREATEの サイト制作 魅力3

Read More

SEOを意識したサイト制作

画像の多用、jQueryプラグインの使用を極力控え、さらにコードの短縮化、イメージ写真使用時の画像の最適化などサイト読み込み速度を重視し、Webパフォーマンスを徹底したサイト制作を意識して制作いたします。

ですがコードの短縮化については、今後お客様自身がデザインをカスタマイズするという場合は、通常のデータをお渡し致します。
(※管理が大変になると思われるため)
ご依頼の際に納品後の運用について、ご回答もよろしくお願いいたします。

MATEREATEの サイト制作 魅力4

Read More

仕事の依頼

MATEREATE CONTENTS

新規サイト制作以外にも、既存サイトのリニューアルや修正等をお願いしたい方からのお問い合わせもお待ちしております。

ご遠慮なくお申し付けください。


またご雑談、お見積りは、無料となっておりますのでお気軽にお問い合わせください。