ブラウザ上でアイコンを選んでアイコンフォントが作れる「IcoMoon」:phpspot開発日誌
IcoMoon App ブラウザ上でアイコンを選んでアイコンフォントが作れる「IcoMoon」。 予め用意されたアイコンセットを選んで必要なものだけのフォントセットをジェネレートしてダウンロードできます 軽い方がいいですし要らないものをインクルードするのも無駄なので便利かも。 SVGアイコンのインポートも可能みたい ダウンロードしたところ。WEBフォントとして使えます 関連エントリ フリーのアイコンフォント１０まとめ アイコンフォントをコマンドラインで生成できる「Font Custom」 メジャーなアプリケーションのアイコンフォント「Pictonic」 ピクトグラムが美しいシンプルなフォントアイコン「CONDENSE」 オシャレなアイコンが詰まったアイコンフォント「PulsarJS」 ゲームに使えそうな960種類以上のアイコンセット「Game icons」
立体的で質感のあるIllustratorチュートリアルまとめ | ナナメウエblog
いつもデザインはillustratorでやっているのでメモ的に。 たぶんチュートリアルだと複雑になるので割愛しているけど、実際にはもっと細かい部分まで作っているんじゃないかなーと思います。 フォトショもいいけどイラレもいいですよ… Tutorial – Create realistic clouds in Adobe Illustrator リアルな雲 Create a Vector Film Slate Icon | Vectortuts+ リアルな映画のカチンコ How to Create a Gearbox Settings Icon Using Simple Shapes | Vectortuts+ アップルっぽい設定アイコン How to Create an iPad Interface in Illustrator – Tuts+ Premium Tutorial |
シンプルでミニマルなアイコン素材144個セット「144 minimal icons package 12 A.M」
WEB制作で重宝するのがアイコン素材。ベクターで書くこともWEBデザイナーなら難なく可能だとは思いますが、アイデアから制作までの時間を考えると、フリーで利用できるアイコン素材はとても便利な素材の一つです。今日紹介するのはシンプルでミニマルなアイコン素材144個セットにしたアイコンセット「144 minimal icons package 12 A.M」です。 名前の通り非常にシンプルなアイコンなので、どんなサイトでも利用することができそうです。 詳しくは以下 まとめられているサイズは上記の通り。かなりの幅で用意されているため、製作時に困ることは無さそうです。アイコンセットは、PNGデータと、ベクターデータで扱えるAIと提供されおり、rarで圧縮されています。ベクターデータが同封されていますので、カスタマイズもサイズ調整も可能となっています。 ダウンロードは下記原文へのリンク先の右カラムの「
ピクトグラムが美しいシンプルなフォントアイコン「CONDENSE」:phpspot開発日誌
普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「Par... 次の記事 ≫：2013年1月11日 管理人のブックマーク
ゲームに使えそうな960種類以上のアイコンセット「Game icons」:phpspot開発日誌
969 free SVG and PNG icons easily customizable for games or apps | Game-icons.net ゲームに使えそうな960種類以上のアイコンセット「Game icons」。 次のようなゲームに使えそうなアイコンセットが960種類以上と豊富に提供されているサイトです。 武器、食料、動物といった、まさにゲームに使えそうなアイコン集が豊富に入手可能。PNG, SVG形式でDLできます ちょっとしたゲーム作りに活用出来るかもしれませんね 関連エントリ WEBサイト制作に使えるベクターアイコンセットｘ２５ たった１つのdivで表現されるアイコンデータベース「One div」 自分でスタイリングして好きなアイコンを選んでセットでDLできる「Iconbench」 スマホ用のアプリアイコンのりサイズを一発で作成できる「Makeappicon
ベクターデータで利用できるシンプルなECサイト用アイコン「New e-commerce icon set 」
WEBを制作する上でユーザーエクスペリエンスを左右する。アイコンのデザイン。意図したとおりに作用すれば、言いたいこと、伝えたいことがかなりわかりやすく伝わります。今日紹介するのは、ベクターデータで利用できるシンプルなECサイト用アイコン「New e-commerce icon set 」です。 このアイコンセットはECサイト用ということで、支払いから、セール案内まで、幅広くECで重宝しそうなアイコンがまとめられています。 詳しくは以下 全部で106のアイコンがセットになっており、データ形式は、ai、eps、透過pngと製作者にはかなり嬉しい形式で収録されています。ベースと鳴るようなアイコンもセットされていますので、ベクターデータから必要なアイコンを作るなんてこともできそうです。 ダウンロードはRelated posts:の下のDownloadからどうぞ。 New e-commerce ic
アイコンをWEBフォントで利用するためのパッケージジェネレーター「Fontello – icon fonts generator」
TOP > WebDesign > アイコンをWEBフォントで利用するためのパッケージジェネレーター「Fontello – icon fonts generator」 CSS3から、利用できるようになったWEBフォント。サーバー上に格納されているフォントデータを利用できる仕組みで、CSSを読みこませるだけで利用ができ、ユーザーのローカル環境に依存しないフォント構成が可能になります。今日紹介するのは、そんなWEBフォントを利用した、アイコンをWEBフォントパッケージジェネレーター「Fontello – icon fonts generator」です。 こちらは様々なアイコンが表示されていて、選択することで、そのアイコンがWEBフォントで利用できるソースファイルをダウンロードできるというものです。 詳しくは以下 ダウンロードしたファイル構成は上記のとおりです。demo.htmlから実際
Fireworks で戦国武将の家紋を作って SVG な Web Font に変換してみる - 歴史雑談録
どうも、松田直樹@まぼろし でございます。 当方、実はWeb制作が本業でして、このような記事を書くハメになってしまいました。（いや、喜んで書いてますよ） 「Fireworks」ってのは Photoshop のようなグラフィックツールでございまして。 Web制作に特化した機能が豊富だったりで Webな方々には多く使われていたりするのですが、僕も右に倣えで頻繁に使用しているわけです。この Fireworks に関する記事を書くにあたり、この歴史雑談録に何とか絡めようと表題のようなテーマに及んだ次第にござりまする。 ということで、この記事は「Fireworks Lover Advent Calendar 2012」の20日目の記事となります。（長いです。すんません） 今現在、Web制作界隈においては「脱ビットマップ」「SVG元年」といったキーワードが脚光を浴びておるわけですから、なんと時勢を読ん
コーディングの必須ツールになりそう。ステキなCSSスタイルガイドを生成する｢styleDocco｣の導入とgrunt.jsでの自動化のメモ | Mnemoniqs Web Designer Blog
プロジェクトでコーディングする時に、複数の作業者がいる場合にスタイルガイドはとても重要です。 特にスマートフォン向けのサービスでは、モジュールの共通化や画像のスプライト化がもろにページ表示速度に影響するため、より精度が高く細かいアップデートに耐えうるCSSスタイルガイドが必要になります。これをExcelやPowerPointで管理していると、細かい変更の反映が大変だし、なにより見にくい。 そんな時、こちらの記事「CSSプリプロセッサでスタイルガイド」 inkdesignの中で、 スタイルガイドは”生きている”ドキュメントでなければいけない というシビレるキャッチで紹介されていた「styleDocco」というスタイルガイドジェネレータを発見。 これはなんだか良さそうだ！とプロジェクトに取り入れてみることにしたので、導入とか設定とかをメモ。 「styleDocco」ってなに？ 「style
2012年のベストフリーPSD「Best Free UI PSDs of 2012」
サイトを制作する上で、便利な素材PSD。photoshopで扱えるファイルで、細かなカスタマイズも可能で、扱いやすいファイル形式は制作者としてはありがたい形式ですが、今日紹介するのは、2012年に公開されたフリーPSDを集めたエントリー「Best Free UI PSDs of 2012」を紹介したいと思います。 Mini glyphs (12 px) ベーシックなアイコン素材から、ローディング用のプログレスバーなど、制作に利用できそうな様々な素材がまとめられています。今回はその中から特に気になったPSD素材を紹介したいと思います。 詳しくは以下 Circular Progress Bar 立体的で円形のプログレスバー。ローディングを印象的に見せたい時におすすめです。 Free Footer Detailing フッターに利用するTOPに戻るボタンをリアルなリボンで表現したPSD Pric
自分でスタイリングして好きなアイコンを選んでセットでDLできる「Iconbench」:phpspot開発日誌
Style, hand pick & download icons of your choice. 自分でスタイリングして好きなアイコンを選んでセットでDLできる「Iconbench」。 アイコンセットといえば多数の画像ファイルから構成されるアイコンセットが殆どですが、今回は、まずアイコンのDropShadow等のデザインからはじまり、多数のアイコンセットからクリックでポチポチ選んでCSSスプライトでDLできるという優れものです。 アイコンスタイルをデザイン 見本アイコンからポチポチ選びます。 選んだものはショッピングカート風にどんどん追加されていきます Downloadボタンでジェネレート CSSスプライト出力も可能 これはとても便利ですね。 こういう感じのアイコン配布プラットフォームがあっても面白そう 関連エントリ WEBサイト制作に使えるベクターアイコンセットｘ２５ Windows8
2万個以上のPNG形式画像のアイコンを見つけることができる「PNG Factory」
フォルダアイコンやAppleアイコンなどスタンダードなものから、NARUTO、スーパーマリオシリーズ、サウスパークまで、あらゆる種類のアイコン2万個以上の中から好みのPNGアイコンを選択してダウンロードできるのが「PNG Factory」。アイコンセットの種類や作者・カラーなど、検索条件も変えることができ、商用利用可能なアイコンだけを探しだすことも可能です。 PNG Factory - You want cool icons ? We have some ! http://www.pngfactory.net/ アクセスした時はフランス語で表示されているので、トップペー左上の「en」から英語表示に変えます。 トップページの下部には「BROWSE」「SEARCH」「SHERE」という3つのボタンが表示されています。まずはBROWSEをクリック。 すると、アップロードされた順にアイコンがずらっ
2012年、ピクトグラムのアイコン素材のまとめ、全部商用無料です！
全部ダウンロードしたら4000種以上！ 商用でも無料で利用できる、小さいサイズからゆる～いデザインのピクトグラムのアイコン素材を紹介します。 ※アイコンをご利用の際は、必ずライセンスを確認してください。
アイコン関連ブックマーク激増の2012年を振り返って、今年見てきたアイコン系リソース全部紹介！ | バンクーバーのうぇぶ屋
今年はアイコンWEBフォント系のサイトが本当に増えましたねー。知らずの間に僕のブックマーク内のアイコンカテゴリも、もはや収集がつかない勢いで増えている事に気づいて、さぁちょっと個人的に整理が必要だと思いましたので、今日はこれまでも利用／参考にさせてもらってきたアイコンリソースサイトと、今年僕が知ったアイコンWEBフォントを紹介しているサイト交えて、完全にオンリーアイコンネタで今日は記事を書かせて頂ければと思います！ 半分以上は僕の備忘録になりますが、こういったリソース関連は今年も来年もやっぱりできる限り周りのWEB屋同士でも共有させて頂ければと思っています！念のためライセンスは一個一個のアイコンに対して表記してあったりパッケージで表記してあったりまちまちなので、ご自身でご確認頂けますと幸いです！っていうか、まとめ出してちょっと公開したのですが、とんでも無い量になってしまってホントすいません
表現力の高いダウンロードアイコンまとめ「A Showcase of Free and Pleasing Download Icon」
TOP > Design > 表現力の高いダウンロードアイコンまとめ「A Showcase of Free and Pleasing Download Icon」 一昔前までは、MOやフロッピーディスクといったメディアを利用してデータのやり取りをすることが多かったですが、今ではほとんどのデータがインターネット上でやり取りされており、毎日何かしらのデータをパソコン内にダウンロードをしているという方も多いはず。そんな中今回紹介するのが、表現力の高いダウンロードアイコンをまとめた「A Showcase of Free and Pleasing Download Icon」です。 Coarse Green Download Folder Icon, PNG ClipArt Image | IconBug.com 立体感のあるアイコンから、ポップな雰囲気のアイコンまで、さまざまなアイコンが紹
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Retinaディスプレイ対応！手描きのゆる～いデザインのアイコンフォント素材 -Handy Icons
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Loading...
新着記事
