フリー素材(写真、アイコン、画像、フォント)を紹介しています

ブログ用画像の探し方

● ブログ用画像の探し方

ブログのアイキャッチにクオリティの高いフリー画像を探したいという方は多いと思います。 著作権フリーな画像探せるサイトを何個か紹介します

● AllTheFreeStock

http://allthefreestock.com/

● StockSnap.io

https://stocksnap.io/

● Flicker(Public Domain)

https://www.flickr.com/creativecommons/cc0-1.0/

● Flicker(CC By 2.0)(表示ライセンス)

https://www.flickr.com/creativecommons/by-2.0/

● CC(表示ライセンス)画像を使用する時のクレジットの表記の仕方

http://www.billionplan.com/blog/design/materials-cc-tips.html

No.1154
06/21 10:02

edit

適当なロゴ見本を作るロゴメーカー markmaker

http://emblemmatic.org/markmaker/#/

適当な名前(日本語不可)を入れるとそれらしいロゴ見本を色々表示してくれます。



No.1054
08/24 18:22

edit

フリーのクリップアートサイト

● pngimg

http://pngimg.com

● 素材工場

http://sozaikoujou.com

No.1035
05/18 11:15

edit

アイコン
写真

WEBサイトに使用したいサンセリフ フリーフォント(Google Font)

Lato

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789
https://www.google.com/fonts/specimen/Lato

Roboto

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789
https://www.google.com/fonts/specimen/Roboto

Montserrat

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789
https://www.google.com/fonts/specimen/Montserrat

Open Sans

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789
https://www.google.com/fonts/specimen/Open+Sans

JOSEFIN SANS

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789
https://www.google.com/fonts/specimen/Josefin+Sans

Oswald

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789
https://www.google.com/fonts/specimen/Oswald (Google Fonts) http://www.fontsquirrel.com/fonts/oswald (ダウンロードはこちら) ###Google Fontsの使い方 1. リンク先のGoogleFontsページの一番下【Open XXX in Google Fonts】リンクをクリック 2. 表示されるページのCSS読み込みタグをコピーしてHTMLファイルに貼り付ける 3. CSSの font-family にフォント名を指定 ###例:フォント Lato を使用する場合 ```
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789
```
No.995
04/07 16:40

edit

フォント

無料のレスポンシブ デザイン HTMLテンプレート (Bootstrapテーマとカラー設定)

● TWBSColor

Bootstrapの色をカスタマイズできます
https://work.smarchal.com/twbscolor/

Bootstrap を使ったフリーのHTMLテンプレートを紹介します。

● 365bootstrap.com

http://www.365bootstrap.com

● shapebootstrap.net

https://shapebootstrap.net

● startbootstrap.com

http://startbootstrap.com/template-categories/all/

● Bootstrap Zero

(ランディングページ、管理画面、WordPressなどジャンルごとにわかれています)
http://www.bootstrapzero.com

No.984
10/03 10:36

edit

Bootstrap

.ttc フォント を .ttf ファイルに変換する

拡張子が.ttc フォントファイルというのはは 複数の.ttf フォントを1つにまとめたファイルです。
ですので、複数の .ttf フォントファイルに変換することができます。
使うアプリはこちら
■ dfontsplitter
http://peter.upfold.org.uk/projects/dfontsplitter


No.965
07/28 14:52

edit

国旗のアイコン画像

■ フラットデザインの国旗画像( .png .psd )
http://www.bestpsdfreebies.com/freebie/195-flat-flags/

■ 16*16 〜 64*64 までの国旗画像( .png .ico)
https://www.gosquared.com/resources/flag-icons/
No.957
07/03 18:16

edit

アイコン

無料のWEBフォントアイコン

Retinaディスプレイの普及によってベクターデータ化されているWEBフォントアイコン(アイコンフォント)はとても使いやすくなりました。
そこで無料のアイコンフォントサイトを紹介します。

● Icon Moon

https://icomoon.io/ 気に入ったアイコンを選択して SVG 書き出しもできます。

● GlyphSearch

http://glyphsearch.com
総合フォント検索サイト。使いやすいです。

● Fontello

http://fontello.com
フォント検索サイト。また .svg ファイルからcssフォントを作成することもできます。

● Font-Awesome

http://fortawesome.github.io/Font-Awesome/icons/

■Typicons

http://typicons.com

● Batch

http://adamwhitcroft.com/batch/

● iconic

https://useiconic.com/open/

● その他 WEBフォントアイコン

https://icomoon.io/#preview-free
http://genericons.com
http://zurb.com/playground/foundation-icon-fonts-3

No.946
04/28 16:48

edit

アイコン
フォント

フリーの日本語フォント「さわらび」(ゴシック体・明朝体)

さわらび フォント

http://sawarabi-fonts.sourceforge.jp

すべての漢字を網羅しているわけではありませんが実用には十分です。おすすめ。

ゴシック体

<img src="http://sawarabi-fonts.sourceforge.jp/img/sample-gothic.png">

明朝体

<img src="http://sawarabi-fonts.sourceforge.jp/img/sample-mincho.png">

No.934
03/19 09:46

edit

紙のテクスチャ素材

■ Old Paper pack by ~Ayelie-stock on deviantART
http://ayelie-stock.deviantart.com/art/Old-Paper-pack-67117235

■ Note-book texture by ~AnnFrost-stock on deviantART
http://annfrost-stock.deviantart.com/art/Note-book-texture-75008820

■ Natural Paper Texture Pack by `cloaks on deviantART
http://cloaks.deviantart.com/art/Natural-Paper-Texture-Pack-78124632

■ vintage grunge textures by `Princess-of-Shadows on deviantART
http://princess-of-shadows.deviantart.com/art/vintage-grunge-textures-79040200

No.812
08/12 10:06

edit

No.811
08/04 14:23

edit

illustrator

無料の壁紙ダウンロードサイト

■ wallbase
http://wallbase.cc/toplist/
高画質な写真や壁紙がたくさんあります。
おすすめ!
No.790
04/14 10:31

edit

写真
壁紙

twitter等で使える無料アイコンを検索する

ツイッター等で使用する自分の顔アイコン。
無料でいいのがないか調べてみたら以下のサイトがいい感じです。

■ Find Icons
http://findicons.com/
30万以上もの無料アイコンから検索可能。おすすめです。

■ icon finder
http://www.iconfinder.com/
こちらも同じくアイコン検索エンジン。おすすめは【popular】カテゴリ
http://www.iconarchive.com/popular.html

■ Icon Archive
http://www.iconarchive.com
こちらも同じくアイコン検索エンジン

■ 無料で使えるTwitter(トゥイッター)用アイコン50個まとめ
http://photoshopvip.net/archives/4985

■ 1000+ Best Free Twitter Icons
http://www.technobuzz.net/1000-best-free-twitter-icons/
No.779
08/12 10:07

edit

アイコン

かっこいいおすすめ無料フォント7種類

こちらで紹介されているかっこいいフォントが無料なので気に入ったら是非ダウンロードしましょう!

こちらのフォントが紹介されています

● Code

http://fontfabric.com/code-free-font-3/

● Dekar

http://fontfabric.com/dekar-free-font/

Fontfabricの無料フォント(約50種類)

http://www.fontfabric.com/category/free/

St Marie

http://www.behance.net/gallery/St-Marie/551975

こちらもおすすめ

Infinity

http://www.behance.net/gallery/Infinity/1126535

GardenC

http://aleksandershevchuk.ru/#696502/GardenC-Free-typeface

Springsteel Serif Thin, Heavy

http://www.fontspring.com/fonts/paragraph/springsteel-serif

No.773
12/09 17:19

edit

フォント

Google Font API を使う

ホームページ上で使用できるGoogle提供の無料フォントを使用する。

使い方

フォント Droid Serif を使用する場合

<link  href="http://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet" type="text/css" >
<style>
body {
  font-family: "Droid Serif", serif;
  font-size: 28pt;
  font-style: italic;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  word-spacing: 0;
  line-height: 1;
}
</style>

http://code.google.com/webfonts/preview



No.732
04/14 10:26

edit

フォント

No.728
06/27 12:10

edit

No.702
10/22 21:41

edit

フォント

無料のロード中(NowLoading... アクセス中)インジケーターアイコン画像

###1. CSSによるローディングインジケータ
http://projects.lukehaas.me/css-loaders/


###2. 画像によるローディングインジケータ
■ Preloaders
http://preloaders.net/

■ ajaxload
http://www.ajaxload.info/

◆ その他 ( 黒背景用アイコンなど )
http://mentalized.net/activity-indicators/
http://www.sanbaldo.com/wordpress/1/ajax_gif/
No.698
02/04 17:32

edit

アイコン
css

フリーの写真素材サイト

● dashmate

http://dashmote.com/
複数の写真サイトから同時に検索できます。

● o-dan

http://o-dan.net/ja/
複数の写真サイトから同時に検索できます。

● FREE IMAGES [ 旧 stock.xchng - the leading free stock photography site]

http://www.freeimages.com
画像サイズが大きくおすすめです

● ぱくたそ - フリー写真素材・無料ダウンロード

https://www.pakutaso.com/

● プロカメラマンのフリー写真素材 無料画像素材のプロ・フォト

https://pro.foto.ne.jp/

● KOYU写

http://www.kys-lab.com/photo/

● 無料人物写真フリー素材の【ビジトリーフォト】商用利用OK

http://busitry-photo.info/
人物写真が多数あります

● 足成

http://www.ashinari.com/
日本のサイト。人物写真がおすすめです

No.604
04/07 22:10

edit

写真

オープンソースの Flash エフェクト

デモを見るだけで十分面白い。おすすめ
http://levitated.net/daily/index.html

No.590
02/22 17:32

edit

無料のサウンド素材サイト

Flashで制作時に役に立ちそうなフリー効果音、ループ素材サイト

■ sound snap
http://www.soundsnap.com/

その他
http://www.designwalker.com/2008/01/sound-effect.html

No.570
04/14 10:28

edit

サウンド

No.562
01/11 13:43

edit

アイコン

No.561
07/27 14:17

edit

illustrator

No.532
04/15 13:55

edit

illustrator
アイコン

無料素材

【クリップアート】http://www.openclipart.org/
【デザインテンプレート】http://www.oswd.org/

No.105
05/22 11:20

edit