[B! アイコン] vitaminsiiのブックマーク

vitaminsii id:vitaminsii

アイコンに関するvitaminsiiのブックマーク (50)

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"
vitaminsii 2013/11/24
ローディング用のgif生成ツール。

*Webサービス

+Tools

>Webデザイナー

>Front end engineer

Webデザイン

generator

loading

アイコン
リンク
Icons DB - free custom icons
You can get all 4215 icons in any color you want ! Choose your color or select from the preset colors ! 36 free themed icon sets, every icon set with all 4215 iconsGrey wool icon setVintage paper icon setCardboard blue icon set ... see all 36 icon sets Just added iconssea horseairbnbmessengertanktopwinamp 2brain 3toxicrosebottle 10crown 5star 16ssl badge 2 satellite 3filing cabinet 2lionapple 3sem
vitaminsii 2013/10/17
【商用可】フリーで利用可能なフラットなアイコン集。

*フリー素材

+画像素材

>Webデザイナー

商用可

webデザイン

アイコン
リンク
http://www.uiplayground.in/css3-icons/
vitaminsii 2013/10/17
CSS3で作られたアイコン集。

*プログラミング参考

+Code

+Tips

-html5・css3

>Front end engineer

アイコン
リンク
目からウロコ？よく見かけるアイコンの意味を探ってみた！
2013年9月19日 Web関連記事, ユーザビリティプロダクト・プリント・Web・アプリ問わず、デザイン要素のひとつとしてよく使われるアイコン。普段なにげに見かけているアイコンの、本来の意味を考えたことはありますか？﹁そんな意味だったの！？﹂または﹁そんなの知らない人いるの！？﹂という意外なアイコンがありますよ。ちょっとしたうんちくですw ↑私が10年以上利用している会計ソフト！ Zipファイル Zipといえばデータファイルの圧縮やアーカイブ用のファイル形式。Zipは英語で﹁ファスナー︵英語のジッパー‥Zipper︶で閉める﹂という意味があり、それが語源だと思われがちですが、実は元の意味である﹁ビュッと音をたてる﹂﹁勢いよく進む﹂﹁疾走する﹂から、他のフォーマットの圧縮時間よりも速いという意味を込めて命名されたそうです。アイコンではわかりやすく、ファスナーのイラストがよく用いられます。
vitaminsii 2013/09/19
勉強になります。

*Web知識

+Trivia

2013

>Web一般利用者

Webデザイン

アイコン
リンク
Tyto Style
Tyto Style︵ティトスタイル︶について Tyto Style︵ティトスタイル︶は、京都・大阪を中心に活動するSEOディレクター兼マークアップエンジニア、三嶋正人の個人事業サイトです。これまで約15年間にわたり、さまざまなウェブサイトの制作や改善、運用上のアドバイス等を行いSEOに強いサイトを作るための試行錯誤を重ねてきました。現在はこれまでに得た経験を活かし、フリーランスとしてウェブサイト制作やSEOを中心としたサイト運用のサポート・アドバイスなどを行っています。現在運用されていたり、企画中のウェブサイトが、本当にあなたの目標に適うものになっているのか、検索エンジンに最適化されたものなのか、少しでも疑問をお持ちであれば、立ち止まって現状を見直してみることはとても重要です。その一環として、ぜひ一度お悩みをご相談ください。現状を分析した上で、最適な改善方法をご提案いたします。
vitaminsii 2013/06/28
︻商用可︼アイコンやボタン、バナー背景等のweb素材。法人、個人問わず加工、商用利用可能で面倒な報告の必要なし。

●*フリー素材

●+画像素材

●>Webデザイナー

●アイコン

●ボタン

●商用可
リンク
【非デザイナー向け】フラットデザインに欠かせないピクトグラム的アイコンの作り方
iOS 7 にもフラットデザインの波がやってきましたね…！フラットデザインには欠かせない、ピクトグラム的アイコンはリッチデザインなアイコンと比較して簡単に作れそう！作ってみよう！という方もいるのではないでしょうか。ちなみにピクトグラムというのは記号や絵文字を指し、共通言語としての役割を持っています。見かけは簡単そうですが奥は深いのです、、ただ、技術面での高度さはあまり必要ないと思います。表現方法が限られる分難しい部分も多いですが… 今回は興味があるけどどこから手を付ければいいの？という方向けにピクトグラム的アイコンの作り方を紹介したいと思います。アイコンのモチーフを決めるアイコン案はこんな感じで出しています。例として﹁医療﹂アイコンで考えてみました。こういった図にして考えると道筋が立てやすく、後で迷った際に復帰しやすいです。その場で図が浮かぶ物は描き足しておきます。決める
vitaminsii 2013/06/19
"最小限の線（面）で構成する、細かくしすぎない／線の太さ、角の丸みなど、形を統一する／他のアイコンと大きさを揃える" ピクトグラム的なアイコンを作る際に参考に。

*デザイン参考

+Tips

>Webデザイナー

2013

UI

アイコン
リンク
GoogleのアイコンなどのデザインガイドラインをGoogleのデザイナーが公開中
ChromeやGmailのアイコンはシンプルであり、一度使うと見るだけでそのアイコンが何を示すのかわかりやすくデザインされているのが特徴的です。そんな企業秘密とも言えそうなGoogleのアイコンやロゴのデザインガイドラインをGoogleのグラフィックデザイナーであるロジャー・オドン氏がBehanceで公開しています。 Google Visual Assets Guidelines - Part 1 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077 Google Visual Assets Guidelines - Part 2 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidel
vitaminsii 2013/06/14
勉強になります。

*デザイン参考

+Tips

>Webデザイナー

2013

Google

アイコン
リンク
PNG Icons & Icon Packs Download | IconsPedia
World's best selection of high quality FREE icons. Discover why thousands of designers come to us first. Click to find your icon now!
vitaminsii 2013/05/14
【一部商用可】クオリティ高めのアイコン素材。

*フリー素材

+画像素材

>Webデザイナー

アイコン

海外
リンク
iconPot - totally free icons
If you see this page, the nginx web server is successfully installed and working. Further configuration is required. For online documentation and support please refer to nginx.org. Commercial support is available at nginx.com. Thank you for using nginx.
vitaminsii 2013/05/14
【商用可】商用可・クレジット不要なフリーのアイコン集。結構高品質。

*フリー素材

+画像素材

>Webデザイナー

アイコン

商用可

海外
リンク
Twitterアイコンから生まれたささやかな奇跡の物語(佐々木俊尚) - 個人 - Yahoo!ニュース
私がTwitterやFacebook、さらに公式サイトでも使っている似顔絵のアイコンは、南暁子さんというイラストレーターが描いている。彼女はこの3年のあいだにたくさんの人たちのアイコンを無償で描いていて、その人数はこの4月についに300人に達した。たいへんな人数だ。そしてこの300人は、驚くべきことにひとつの共同体としてつながり、パーティを開き、ランニングや登山、バスケットボールなどの活動をするまでになっている。この奇跡のような話を、少し紹介してみたい。なぜ南暁子さんはツイッターアイコンを描くようになったか南暁子さんのアイコン作品集はこのサイトで見ることができる。この活動のスタートは、2010年5月30日のことだった。きっかけはツイッター上で、 @k_kazu69さんが以下のように私にリプライされてきたこと。「昨日、大学OBの交流会で名刺の代わりにTwitterアカウントを配りました
vitaminsii 2013/05/14
すごいな。アイコンだけでこんなに広がったのか。

*News

.すごい

2013

ビジネス

デザイン

イラスト

SNS

twitter

アイコン

画像
リンク
ハンコでアソブ
ハンコでアソブは、フリーの透過PNG消しゴムハンコ素材サイトです。リンク、使用報告、クレジット記載不要／商用利用可です。 © 2024 ハンコでアソブ. All rights reserved.
vitaminsii 2013/05/01
【商用可】PNGハンコ素材サイト。クレジット記載不要、商用利用可。

*フリー素材

+画像素材

>Webデザイナー

e-commerce

アイコン

シルエット

商用可
リンク
【icon】商用利用・加工利用可能な無料イラストアイコン素材集 -エムスタジオ-
エムスタジオでは、ホームページ制作などに役立つアイコンやボタン、イラスト素材を全てフリー︵無料︶で配布しています。また、制作元となったIllustrator、Photoshopの元データも無料配布しておりますので、お使いのホームページに合わせて色の変更やサイズの変更など、再加工もカンタンです。さらに、商用利用も可能ですのでウエブクリエーターの方やホームページ制作デザイナーの方などにも幅広くお使いいただけます。使用許可等の面倒な手続きやコピーライトの表記は必要ありませんので、是非ホームページ制作・ブログ制作・チラシ制作・カタログ制作などにお役立てください。はじめての方へ﹃ご利用規約﹄
vitaminsii 2013/05/01
【商用可】無料イラストサイト

*フリー素材

+画像素材

>Webデザイナー

e-commerce

アイコン

イラスト

商用可
リンク
【icon】アイコン・イラスト素材の無料素材倶楽部-くらぶ｜商用利用・加工可ホームページフリー画像集
アイコン、ボタンなどのWEB素材,画像を提供しています。全無料、商用利用可、加工OKなフリー素材集です。Word/Excel/Powerpoint等の文書にもお使いいただけます。制限はほとんど設けていませんが、ご利用の前に、ご利用規約を読んでください。
vitaminsii 2013/05/01
︻商用可︼アイコン、ボタンなどのWEB素材,画像を提供。全無料、商用利用可、加工OKなフリー素材集。Word/Excel/Powerpoint等の文書にも利用可能。

●*フリー素材

●+画像素材

●>Webデザイナー

●e-commerce

●アイコン

●イラスト

●商用可
リンク
アイコン配布中！
2015.07.14 リクエスト頂いたアイコン「ネックレス」をアップしました！アイコンのリクエストはこちらから！お待ちしております！ 2015.07.02 リクエスト頂いたアイコン「指輪」をアップしました！アイコンのリクエストはこちらから！お待ちしております！ 2015.07.01 リクエスト頂いたアイコン「アヒル」をアップしました！アイコンのリクエストはこちらから！お待ちしております！ 2015.06.29 リクエスト頂いたアイコン「instagram」をアップしました！アイコンのリクエストはこちらから！お待ちしております！ 2014.09.25 リクエスト頂いたアイコン「絆創膏」をアップしました！アイコンのリクエストはこちらから！お待ちしております！ 2014.08.09 リクエスト頂いたアイコン「グランドピアノ」をアップしました！アイコンのリクエストはこちらから！お待ちし
vitaminsii 2013/05/01
【商用可】スマートフォンサイト向けのアイコンが無料でダウンロード。1日12個まで。

*フリー素材

+画像素材

>Webデザイナー

アイコン

商用可

スマートフォン
リンク
ホームページ制作の0円のweb素材屋さん｜ホームページ制作ツール
ホームページ制作に役立つwebデザインを無料配布している0円の無料素材屋さんは、プロのwebデザイナーによって作られています！ホームページ制作だけではなくブログ制作にも役立ちます。アイコン、ボタン、背景、バナーなど、web素材が無料！ネットショップから企業サイトまで、ビジネス向けの商用にも使えます。素材利用の使用報告など、面倒なことは必要なっし！皆さんが楽しいwebライフをすごせますように♪ ← これも無料素材のひと～つ！無料だよ！あ、この素材いいなぁ♪と思ってくれたら、どんどんリンクしてくれると嬉しいです！！下記のバナーをどうぞご活用ください！また学校教育関連の資料や素材としても、どうぞご利用ください、お役立ちできると嬉しいです。
vitaminsii 2013/05/01
【商用可】WEB用素材が全品無料。

*フリー素材

+画像素材

>Webデザイナー

アイコン

ボタン

バナー

商用可
リンク
【icon】無料アイコン素材
便利に使えるシンプルクリップアート｜背景透明の無料アイコン会員登録不要でダウンロード頂けます。｜欲しいアイコンが見つかります。永久に無料ですので安心してご使用ください。サイト制作・ブログの挿絵
vitaminsii 2013/05/01
︻商用可︼フリーで使える無料のシンプルアイコン。白黒のシンプルアイコン。ロイヤリティフリー。

●*フリー素材

●+画像素材

●>Webデザイナー

●webデザイン

●アイコン

●商用可
リンク
DHA・EPAサプリメントランキング！※各商品の口コミご紹介！
DHA・EPAについて説明していきます。魚は昔から好まれてきた食べ物ですが、理由として様々な健康に良いからだと言われているからです。逆に現代では中々魚料理を食べる人がいなくなってきていることでDHA不足とも言われております。なぜ魚をあまり食べなくなるとDHA不足と言われるかというと、人間自身で作ることができない必須脂肪酸、いわゆるDHAなどのオメガ脂肪酸を魚料理を食べることで摂取することができるからだと言われているからです。ですから魚料理をたくさん毎日食べ続ければDHAを不足することなく摂取することができますが、反対に毎日魚料理を食べなければDHAの摂取量が減ってしまうのです。 WHO(世界保健機関)でもDHAおよびEPAの摂取を推奨していますが、食事からだけで補うことはなかなか難しいです。マグロなどのお刺身が比較的とりやすいですが毎日お刺身を食べることは大変ですし、かといって加熱調理す
vitaminsii 2013/04/21
アイコンジェネレータ。高品質なアイコンを作成できるWebサービス。

*Webサービス

+Tools

>Webデザイナー

アイコン

generator
リンク
Twitter、Facebook(アプリ)のデザインから学ぶ立体感のつけ方
TwitterやFacebookのデザインを良くみてみると、立体感のつけ方に一工夫あるのがわかります。︵現在のデザインになってからだいぶ経っており、今更な感じですが…︶その立体感のつけ方が洗練されていて良いなぁと思ったので、どのように作られているかをまとめてみました。再現PSDデータをダウンロード ※アイコンは本物と異なっており、形の近いものを使っております。ご了承ください。 1. Twitter ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出してみました。アイコンと文字︵現在地表示︶アイコンと文字︵通常表示︶ボタンこれらを再現してみると、以下のようになります。偽Twitterみたいな感じですねｗそれぞれにつけた効果の詳細は実際のファイルでご確認ください。 2. Facebook︵アプリ︶ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出
vitaminsii 2013/04/10
TwitterとFacebookのデザインを分析した記事。勉強になるなぁ。

*デザイン参考

+Tips

>Webデザイナー

2013

webデザイン

Facebook

Twitter

ボタン

アイコン

UI
リンク
TechCrunch | Startup and Technology News
Welcome back to TechCrunch Mobility — your central hub for news and insights on the future of transportation. Sign up here for free — just click TechCrunch Mobility! Okay, okay…
vitaminsii 2013/04/10
ふむ。

*News

.気になる

2013

Facebook

アイコン

アップデート

公開
リンク
0.1ランク上のアイコンの作り方講座
第2回 P4D デザイナー向けプログラム部 http://prog4designer.github.com/ で発表させていただいたスライドです。 ==================== あわせて読みたい ==================== 少ない手間と知識で”それなり”に見せる、ズルいデザインテクニック https://speakerdeck.com/ken_c_lo/zurui-design ノンデザイナーのための配色理論 http://www.slideshare.net/saucerjp/ss-14902681 初めての欧文書体 http://www.slideshare.net/shoheiitoh/ss-17245066 Bootstrapのカスタマイズ例 https://speakerdeck.com/machida/railsenziniafalsetamefals
vitaminsii 2013/04/07
参考になります。

*デザイン参考

+Tips

>Webデザイナー

2013

スライド

webデザイン

アイコン

デザイン
リンク
1 2 3 次のページ