スタンダードから遊びの効いたものまで770種のフリーアイコンセット「Modern UI Icons」
端的に機能を表現するときに便利なアイコン。WEBデザインをする上で便利に使える素材のひとつです。今日紹介するのは、スタンダードなものから遊びの効いたものまで770種のフリーアイコンをまとめたアイコンセット「Modern UI Icons」です。 アイコンセットには、様々なアイコンがまとめられており、スタンダードなカレンダーやカートなどよくUIに利用するものから、インベーダーゲームの宇宙人や天秤、などといった少し変わったアイコンも収録されています。 詳しくは以下 その総数は全部で770種類にも及び、こちらのアイコンセットを配布しているIssues · Templarian/WindowsIcons · GitHubではリクエストも受け付けているようです。 配布されているファイルはpng形式の他にもMicrosoft Expression Designの.Design形式とブラウザ上で表示でき
商用利用無料、むしろ奨励、ピクセルベースのシンプルなデザインのアイコン素材 -Modern UI Icons
ブログやウェブサイト・アプリでよく使用するものをはじめ、アプリ、チャート、天気、文具、ホビー、顔文字なども揃っているWindows Phoneをテーマに作成したアイコン素材を紹介します。
[CSS]シンプルながらバリエーションが豊富なソーシャルメディアのボタン
デモページ：カスタム CSS Social Buttonsの使い方 このソーシャルメディアのボタンはピュアCSS3でもHTML5 Canvasでもなく、背景画像を使って実装するものです。これらのアイコンはクロスブラウザで、さまざまなデザインに利用できるよう広い用途を目的としたものです。 外部ファイル スタイルシートを外部ファイルとして記述し、画像フォルダをスタイルシートを同じ階層に設置します。 <link href="social-buttons.css" rel="stylesheet"> HTML テキストをa要素で内包し、classにボタンのスタイルを定義します。 「sb」を共通で、あとはスタイルを組み合わせて記述します。 <a href="#" class="sb orange twitter">Twitter</a> <a href="#" class="sb blue face
ここまで教えてくれていいの？！WEB屋のテンションと底力を上げる厳選チュートリアル色々！ | バンクーバーのうぇぶ屋
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか？チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし！僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ！マジテンション上がるWA！』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介！ 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります！コードなら、Demoとか多いので見ながらついていけば理解できます！是非参考までに流し読みして見
無料素材--Design Warehouse--
この度の東北地方太平洋沖地震で被害に遭われた皆様には 心よりお見舞い申し上げます。 Tip3'S（Design-Warehouseを運営している会社）は三重県にあります。 今回の地震での被害はありませんでした。 同じ日本に住んでいながら、何一つかわりのない日常を送っており 東日本の被害をＴＶやネットで見ているだけの状況です。 私と同じく何もできない自分をもどかしく感じておられる方も多いと思います。 「それでも何かできることを」 Design-Warehouseでは会社のwebサイト、オンラインショップで 利用出来る「応援バナー」を作成致しました。 ※もちろん個人のwebサイトやブログなどにもご利用下さい。 独自に制作した被災地への応援ページや、義援金サイトへのページ 地震関連のページなどへリンクするバナーとしてご利用いただければと思います。 もちろん、ご利用は無料、報告も当サイトへのリンク
Photoshopの基本機能だけでミニサイズのアイコンを作成するチュートリアル
Photoshopの基本的な機能を使うだけで、ミニサイズのアイコンを作成するチュートリアルを紹介します。 How to Design Mini Icons [ad#ad-2] 下記は各ポイントを意訳したものです。 Step 1：新規ドキュメントの作成 Photoshopで新規ドキュメントを作成[Ctrl+N]します。 ここでは、幅：14px、高さ：14px、背景（カンバスカラー）：透明、にします。 Step 2：アウトラインを描く 鉛筆ツール[B]を選択し、ブラシのサイズを1pxにします。描画色を暗いグレーにし、ページアイコンのアウトラインを描きます。 直線は、始点で[Shift]を押しながらクリックし、終点でクリックすると描けます。 描いたピクセルを消す時は、消しゴムツール[E]で1px単位でできます。 Step 3：ベースのグラデーション 自動選択ツール[W]で、グラデーションを適用す
ダウンロードしておきたい高品質な無料アイコン素材30個まとめ 2011年6月度
毎月世界中で公開されている無料アイコン素材をまとめて紹介していますが、今回は2011年6月分まとめエントリーとなります。 海外デザインブログUnderworld Magainesで比較的新しく公開された無料アイコン素材を30個まとめたエントリー「30 Really Cool Free Icons to Download」が公開されていたので、今回はこちらとして個人的にブックマークしておきたいアイコン素材をまとめています。 細かい部分までていねいにデザインされた素材ばかりとなっており、アイコンを使ったナビゲーションメニューやWebデザインのアクセントとして利用してみてはいかがでしょう。 詳細は以下から。 最近公開されたばかりの無料アイコン素材まとめ 2011年6月度 Google Plus One Icons 最近公開された新しいソーシャルメディアGoogle +1をモチーフにしたアイコン素
CSSだけで実装するアイコン付きのセクシーなツールチップ作成チュートリアル:phpspot開発日誌
Sexy Tooltips with Just CSS CSSだけで実装するアイコン付きのセクシーなツールチップ作成チュートリアルが公開されています。 アンカータグ等にカーソルを合わせた際、次のようなツールチップをアイコン付きで表示することが出来ます。 人によっては、JavaScript 使っててもいいという方もいると思いますが、実装する際には一番実装しやすい方法を選べばよいとして、CSSの学習教材として使えそうですね。 関連エントリ 画像なしで実現するCSS吹き出しツールチップ実装サンプル色々 タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」 スタイリッシュでカスタマイズ性のあるツールチップjQueryプラグイン「qTip」
レトロちっくで手描き風のなごみ系アイコン素材 -Retro Candy
Retro Candy: Free Icon Set [ad#ad-2] ダウンロードできるアイコンのフォーマットはPNG、サイズは200x200で、全18種類です。 アイコン全18種のキャプチャ アイコンの利用あたっては個人でも商用でも無料とのことです。 詳しくはダウンロードファイルの「License.txt」をご覧ください。 [ad#ad-2]
Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト
タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) ＜前へ 次へ＞(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308
407個のwebデザイナー＆デベロッパーズ向けフリーアイコンとアイコン配布サイト2サイト ｜https://wp.yat-net.com/name
2011年 06月 01日 407個のwebデザイナー＆デベロッパーズ向けフリーアイコンとアイコン配布サイト2サイト カテゴリ： フリー素材 タグ：アイコン作成支援ツール サイトにおけるアイコンですが、自作するのも良いですがハイクオリティなアイコンもpsdなどの状態でフリーでダウンロード出来る物などもあるのでこちらを使うのも有りだと思います。（但しライセンスに関してはリンク先等をご確認の上でご使用下さい。） 今回はwebデザイナーやデベロッパーズ向けのものを集めました。
さまざまな人種のアイコンセット「55 free user icons pixel by pixel icons」
webデザインなどさまざまなシーンで活用できるアイコン、持っているだけで便利な存在ですが、今回はとてもユニークなテーマのアイコンセット「55 free user icons pixel by pixel icons」を紹介したいと思います。 いろいろな種類の人種、または職業がテーマとなっているようで、制服や衣装、中にはどこから見ても個性的なキャラクターの姿をしたものなど、一つ一つ見ているだけでも面白いアイコンセットとなっています。 詳しくは以下 ドクターや警察といった一般的な職業もあれば、画家やマジシャン、泥棒やプロレスラー、ロッカーなどアイコンとしてはあまり見かけないような種類も多数存在しています。それ以上に多いのが、宇宙人のようなキャラクター、民族系の人種、中には天使や鬼まで、ユニークなラインナップが豊富。個性的なアイコンを求めている人には最適かも。アイコンはフリーで使用できる様子なの
モノクロのソーシャルメディアのベクターアイコン -Socialmonochromicons
商用でも無料で利用できる、拡大も縮小も可能なベクター形式のシンプルなアイコンをElegant UIから紹介します。
商用利用でも無料のイラストやアイコンなどのベクター素材集 -Love Vector
Love Vector 登録されている素材は、オリジナルのものをはじめ、他の作者によるイラストやアイコンなど多数あります。 目的の素材は検索、タグ、カテゴリから探すことができ、下記にカテゴリの中からいくつかピックアップしました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
素朴でかわいいイラストが揃ってるシルエットのアイコンフォント -Bariol Icons
この作りこみはスゴすぎる、かわいくて美しいテクスチャ素材 -Missesglass
http://miqata.com/t/14
矢印・指さし・シンボル・丸数字など、さまざなピクトグラムが全部揃ってるDingbatsフォント -Erler Dingbats
フラットなフリーの日本向けソーシャルアイコンセット:phpspot開発日誌
[CSS]HTMLとCSSだけで実装する、ごく普通のアイコン