Webサイトに必要なfaviconが21個になっていた - IT探検の追憶
久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。 その数、何と21個！ そんなに増えていたとは。 一応、以下にリストアップしてみます。 faviconのリスト favicon.ico: IE用 favicon-16x16.png: タブ表示用 favicon-32x32.png: Mac版Safari用 favicon-96x96.png: Google TV用 favicon-160x160.png: Opera 12 までのスピード・ダイアル用 favicon-196x196.png: Android版Chrome用 mstile-70x70.png: Windows 8 用 mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31
webデザインに必要なアイコンが全て揃うアイコンセット「500+ web icons pack」
ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。 上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。 詳しくは以下 「500+ web icons pack」には、ホームや設定・電話などを表す一般的なUIを示すアイコンはもちろん、大型ショッピングモールに表示されているような案内アイコン、ビジネスシーンで使いやすい時計やグラフを示すアイコンなど、生活のあらゆる状況がアイコンとしてセットになっています。 シンプルなシルエット素材になっているので、流行などに関係なく利用できるというのが嬉しいですね。PSDデータ
CSSでアイコンをデザイン
ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } 各アイコンになるa要素へのスタイルは以上のような単純なものがベースになる。icons-w.pngがアイコンの前景をつなげたスプライ
リストに使えそうなフリーの小さいアイコンセットまとめ
リストアイコンをよく探してるので 自分用にまとめ。小さいアイコン だけにしています。結構迷うんで すよね、リストアイコン。そのまま 使えそうなのとか参考になりそう なものとか色々です。 リストアイコンいろいろです。諸事情で時間がなかったのであまりライセンス見ていません。一応フリーみたいですが利用条件等はご自身で判断してください。 Free Website Bullet Icons 使いやすそうです。 Free Website Bullet Icons Liste de puces pour design de sites internet. シンプルでいいですね。 Liste de puces pour design de sites internet. 300imagesfrom1800sites 有名なやつです。 300imagesfrom1800sites Mini Icons 小さ
リンク不要で商用サイトにも利用可能なフリーのアイコンセットいろいろ
商用でも使っていいよと言ってくれて いるアイコンセットのまとめです。商用 でもOKだけど、要リンクタイプのクリエ イティブコモンズライセンスや、リンク シェア等の「リンク必須」な商用可アイ コンと、あまり使う機会の無い、ソーシ ャルメディアのアイコンセット、RSSア イコンのみのセットなどは割愛しています。 個人的に実用できる、リンク不要のアイコンに絞っています。一応商用OKを確認してはいますが、さらっとしか見ていないので間違ってたら教えていただければ幸いです。また、ご利用の際はご自身でライセンスを確認してからご利用下さい。 200+ Exclusive Free Icons: “Reflection” リフレクションを与えたモノクロアイコンのセット。 ※リンクウェアでした・・・大変失礼致しました 200+ Exclusive Free Icons: “Reflection” Simpli
フリーで商用利用もできて実用性重視のアイコンセット「Elegant Themes Icon Pack」
有料のWordPressテーマを作成して販売している「Elegant Themes」が自身の有料テーマのために作成したアイコンを1つにまとめて無料で配布しています。 「オープンソースや商用利用できるアイコンを探してみたが使えるレベルのモノがなかったので自分で作ってみた」ということなのでどれもこれも実用重視のデザインとなっており、かなり完成度が高いです。 ダウンロードは以下から。 Elegant Themes Icon Pack, For Free!- Elegant Themes Blog http://www.elegantthemes.com/blog/resources/elegant-themes-icon-pack-for-free 含まれているアイコンはPNG形式で背景は透過済み、全部で74種類、サイズは48×48ピクセルとなっています。 大体どのようなアイコンが含まれているか
ユーザインタフェースにまつわるフリーのアイコンセット集:phpspot開発日誌
Ultimate Roundup of Free User Interface Icons | Graphic and Web Design Blog -Resources And Tutorials ユーザインタフェースにまつわるフリーのアイコンセット集。 本サイトでも既に紹介したものも多いかもしれませんが、ユーザインタフェース用という切り口でまとまったエントリは参考に出来るかもと思ったのでご紹介。 新しいWEBサービスを作る際なんかに一目でわかるのはなかなか便利かも。 最近は、色々なクオリティの高いアイコンが出てきて、沢山あるのはいいのですが、迷ってしまったりという悩みもありますね。 関連エントリ 2009年に発見した秀作アイコンのまとめ iPhoneアプリのツールバー部分に使えそうなアイコン色々 アイコンデザイナーのためのツール集
アイコンがふわっと拡大するjQuery – creamu
マウスオーバー時に気持ちのいい効果をつけたい。 そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。 アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。 デモは以下から。 jQuery Menu Plugin: BubbleUP 実装方法も詳しく解説されているので、ぜひ見てみてください。 Learning jQuery: Your First jQuery Plugin, “BubbleUP” ブログ遅くなりました。。昨日は書けなかった。すんまへんm(_ _)m 急いで作業しているところでOSが起動しなくなり、ここ数年で一番大変な日を過ごしました。。。 セキュリティーについて深く考えさせられたので、心機一転してがんばります。
フロント・ページ - MarkupDancing
フロント・ページ 河本孝之のウェブサイトです。情報セキュリティから人種差別やタイポグラフィまで、個人としての趣味や関心にかかわるページを全て列挙しています。 https://www.markupdancing.net/ 2020-08-03 14:08:18 2020-08-03 14:08:18 2024-02-19 09:13:47 MarkupDancing,MD,Takayuki Kawamoto,philsci,河本孝之 Takayuki Kawamoto, 河本孝之 philsci Chief Privacy Officer, 個人情報保護管理者, general manager at department of infromation systems, 情報システム部長 Philosophy of Science Society, Japan: 日本科学哲学会 Graduat
無料で利用できるウェブサイトやアプリケーション用の16x16ピクセルのミニサイズのアイコン集
ウェブサイトやアプリケーション用の16x16ピクセルのミニサイズのアイコンをFree Icons Webから紹介します。
外部リンクや各ファイルに合ったアイコンを自動的につける｜web bibo
- CSS（スタイルシート）に関する知識・テクニックなどの備忘録 - 文字サイズ 大 中 小 現在のページ： HOME » フォント・リンク » 外部リンクや各ファイルに合ったアイコンを自動的につける CSSで外部リンク、PDF、Excel、Word、zipなどのファイルへのリンクにアイコンを自動的に付ける方法です。 HTML <p><a href="http://webbibo.com/">ホームに戻る</a></p> <p><a href="http://www.google.co.jp/" target="_blank">GoogleのTOPページ</a></p> <p><a href="test.pdf">Webアンケート結果</a></p> <p><a href="test.doc">FAX送付状</a></p> <p><a href="test.x
ユニークなAjax読み込みアイコンが作れる「Chimply」:phpspot開発日誌
Chimply generates your images ユニークなAjax読み込みアイコンが作れる「Chimply」。 チンパンジー風のキャラアイコンが可愛いアイコン作成サイト。 作れるアイコンは、ユニークで、ほかでは作れないようなものがズラリ。 色なんかのパラメータも当然調節できるようです。 個人的に、以下の物が気に入ったので作ってみました。 これは、便利ですね。 関連エントリ Ajax読み込み画像を作成するサービス++
WEB開発に活用できる、２００９年初お目見えアイコンセット集:phpspot開発日誌
WEB開発に活用できる、２００９年初お目見えアイコンセット集。 知っていると思っていても、まだまだ知らないアイコンは色々あるみたい＆生まれているみたい。 Proxal Icon Set v2 by !valkyre on deviantART 細かくデザインされたミニアイコンセット Sanscons シンプルだけど背景色が選べて汎用に使えそうなアイコンセット iconset "sketch'd up!" on the Behance Network スケッチがいい味をだしているアイコンセット WebDev Icon Pack WEB開発に使えそうなものがかなり沢山詰まっている Irokez CMS Icon Set CMSに使えそうなアイコンセット集 参考エントリ：50 of the Best Ever Web Development, Design and Application Ico
シンプルで、かわいらしいフリーのアイコン -Milky Icon
Min Tran's weblogのエントリーから、個人でも商用サイトでもフリーで使用できるシンプルでかわいらしいフリーのアイコンを紹介します。
いろいろなアイコンを検索してダウンロードできる「ICONlook.com」
いろいろなアイコンを簡単に検索することが可能で、ダウンロードもできます。アイコンのサイズや使用する場合のライセンスも表示されるので、かなり便利。 使い方などは以下から。 ICONlook.com - the icon search. http://www.iconlook.com/ 検索したい単語を入力して「LOOK」をクリック アイコンの一覧が出てくる こんな感じで表示されます
無料利用可能な110個のアイコン詰め合わせセット「Iconica」
GPLライセンスで提供されており、全部で110個分あります。各種ファイル形式やデバイスのアイコンがそろっており、このライセンスに従う限りは自由に改造することも可能です。 ダウンロードは以下から。 Iconica by `dangeruss on deviantART 提供されているZIPファイルの中身はPSD形式のファイルになっており、Photoshopで加工したりすることができます。以下が全アイコンファイルの中身です。意外に高品質なので便利かも。
目を引くRSSアイコン配布サイト色々
Over 35 Different Styles of RSS Icons : Design Bliss I’m not going to sit here and claim this is every different design, but I found quite a few them. 目を引くRSSアイコン配布サイト色々。 RSSのアイコンが目立つと、AutoDiscover非対応のブラウザを使っている利用者にもRSSを購読リストに追加してもらえやすくなるかもしれません。 BittBox UtomBox snap2objects Vikiworks Fasticon 続きを見る サイトのデザインに合致したアイコンを使ってより発見しやすく、調和したものを選びたいですね。 関連エントリ ちょっとカスタマイズされたRSSフィードアイコン集 マウスオーバーで跳ねるRSSアイコン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブサイトで使用するものが一通り揃ったフリーのアイコン素材 -Primo
商用非商用に関わらず使える超可愛いアイコン集「PI Diagona Pack」:phpspot開発日誌
not found