フラットデザインに便利なフリーフラットアイコン「20 Free Flat Icon Sets」
最近のWEBのトレンドとして、露出が増えてきているフラットデザイン。多くのWEBサイトがそのフラットデザインを取り入れ、国内でも徐々にその流れが見えるようになってきているような気がします。今日紹介するのは、フラットデザインに便利なフリーフラットアイコンを集めたエントリー「20 Free Flat Icon Sets」です。 Flatilicious (48 Icons, PSD) 基本的なものからグラフィカルなものまで、様々なフラットアイコンセットが紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 Cosmo Mini (1262 Icons, PNG) ピクトグラムのような可愛らしいアイコン。お寿司やハンバーガーなどのちょっと変わったものもあります。 Flat Design Icons Set Vol3 前回紹介したフラットデザインアイコンセ
フリーでフラットなアイコン素材がダウンロードできるサイトのまとめ
最近フラットな感じのデザインが流行っているということで、フラットなデザインに使えそうなフラットなアイコンがダウンロードできるサイトを集めてみました。 ファイル形式は、pngやjpgなどの画像形式、aiやsvgなどのベクター形式、Webフォント形式など様々あります。最後にWebフォントの使い方を説明していますのでぜひご覧ください。 この記事はちょっと前に書いていたのですが、よくよく調べると同じような記事は国内外にあるようですね。せっかく作ったので載せます。基本フリーですがライセンス等はサイトをご確認ください。 Some Random Dude 様々なフォーマットで提供されていて、アイコンの種類も色もかなり多いです。 png svg Webフォント Simple Icons 16x16から4096x4096まで11のサイズのpng形式のアイコンがダウンロードできます。アイコンの色は白と黒があっ
UIデザインの参考になるサイトまとめ | ナナメウエblog
毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
全150種類以上、ミニサイズでかわいらしいけど実用的なアイコン素材 -Bijou
ウェブサイトやウェブアプリケーションなどで汎用的に利用できる、10pxをベースにしたミニサイズのアイコン素材を紹介します。 Bijou — tiny, 10 pixel icons for free [ad#ad-2] ダウンロードできるアイコンは全150種類以上で、TwitterやFacebookなどのソーシャルメディアから、アロー、ホーム、サーチなど、さまざまなものが揃っています。 アイコン（一部）のプレビュー（10px実物大） アイコン素材のフォーマットは、3種類です。 PNG -すぐ使う人用 PSD -素材として使う人用 CSH -Photoshopのカスタムシェイプ、サイズを自由に変更可 PSDはアイコンごとにレイヤー管理されています。
最近リリースされたフリーアイコンセット50選「50 (Really FRESH) High Quality and Free Icon Sets」
WEB制作において、非常に便利な素材の一つアイコン。直感的に意味を示してくれる指標になったり、作りこまれたアイコンはそれだけでデザインのクオリティをアップさせてくれたりします。今日紹介するのは最近リリースされたフリーアイコンセット50セットまとめたエントリー「50 (Really FRESH) High Quality and Free Icon Sets」です。 3D Glossy Icon Set: 20 Free Icons シンプルなものから、立体的なもの、一点物などなど様々なアイコンセットがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Facebook & Twitter Icons ~ Cake style フェイスブックやTwitterのアイコンをスィーツで表現したアイコンセット Html5 icons シンプ
faviconを超簡単に作成できるサイト「Dynamic Drive – FavIcon Generator」
年の瀬も押し迫ってまいりましたね。どうも、@OZPA です。 さて、気がつかれた方もいらっしゃるかもしれませんが、最近ブログのfaviconを変更いたしました。 そんなわけで、icoファイルの用意を容易にしてくれたサービス「Dynamic Drive」の「FavIcon Generator」をご紹介。 参考：Dynamic Drive- FavIcon Generator favicon用の画像を用意 まずはfavicon用の画像を用意します。 やだ・・・かわいい・・・！ 画像ファイルはgif, jpg, png, bmpのどれかにしておきましょう。 画像の用意ができたらDynamic Drive- FavIcon Generatorへ移動。 英語のサイトですが、使い方はめがっさシンプルです。 ご覧のとおり、画像を選択、必要な場合はOptionにチェックを入れて「Create Icon」ク
割といい感じのロゴが作れるWebサービス「Logo Type Maker」の紹介
今日は、LOGOTYPE MAKERというロゴを生成するサービスを紹介します。 ロゴ生成サービス（Twitter風とかWeb2.0風とか）は、他にもいろいろあるのですが、このロゴジェネレータは、まぁまぁ実用することを目標に作られているところが、すごいと思ったので紹介してみようと思いました。 こんな感じのロゴが作れます ↓は、自動生成で作ったロゴです。どちからと言うとWeb 2.0ぽいデザインになります。後で説明しますが、細かくカスタマイズもできます。 使い方と機能紹介 1) LOGOTYPE MAKERのTopページで、ロゴのテキストを入力して、「Generate Logo」ボタンをクリックします。なお、日本語には対応していないようです。 2) ↓のように、ランダムに生成されたロゴがリストされます。右上の「Refresh」ボタンをクリックすると、リストを再生成することもできます。 3) 微
画像をアップロードするだけでファビコン化してくれるサイト「Favigen」 | ライフハッカー・ジャパン
「Favigen」は、画像からファビコンを作ってくれるサイトです。非常にシンプルで、画像をアップロードするだけでファビコンが完成しますよ。 以下に使ってみた様子を載せておきます。 まず、Favigenにアクセスしましょう。ファビコン化したい画像を指定して、アップロードします。大きさは、16px、32px、64pxの3種類から指定可能です。 しばらくすると、ファビコンが完成します。 「Download your favicon.」をクリックするとダウンロードできます。親切にも右下に、ファビコン設置用のHTMLコードもあります。コピペして利用しましょう。 シンプルで分かりやすいので、迷わずささっとファビコンを作れますよ。ブックマークしておくと便利です。 Favigen （カメきち）
PNG←→ICOをWEB上で相互変換するツール『ConvertIcon』:phpspot開発日誌
ConvertIcon PNG←→ICOをWEB上で相互変換するツール『ConvertIcon』。 これらフォーマットを変換する場合、アプリケーションを立ち上げて変換していましたがこういうWEBのツールがあればブックマークしておくだけで使えてとても便利ですね。 特に、icoはそのままブラウザで表示できなかったりするので、PNGに変換してブログ記事用に、という用途に使えそうです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
