コピペOK！外部リンクをCSSとアイコンフォントで目立たせる : おち研 技術部
外部サイトへのリンクに印を付けます。fontawesomeのアイコンフォントを使っているので、基本コードはコピペで実装可能です。 ページ内のリンクを押したら外部サイトにいきなり飛んでいくとびっくりすることがあるので、前後にアイコンを付けて判りやすくします。 振り分け条件ごとに複数の書式があるので、いろいろと書き出してみました。 リンクにアイコンを表示するための基本設定 リンクの後ろにマークを付けて判りやすく目立たせます。 利用するマークはアイコンフォントの fontawesome を使うと手軽です。多数のアイコンに対応しているうえにCDNも用意されているため、コピペで実装できるのがミソ。 Font Awesome, the iconic font and CSS toolkit デモ これは外部リンクです。（押してもこのページに帰ってきます） HTML 【HTML】 <head> <lin
マイクロソフト、クラウドのシステム構成図に使えるアイコン集を公開。Windows Azure以外にも一般的なシステム構成図で使えそう
マイクロソフト、クラウドのシステム構成図に使えるアイコン集を公開。Windows Azure以外にも一般的なシステム構成図で使えそう マイクロソフトは、Windows Azure関連のシステム構成図を描くために使えるアイコン集「Windows Azure Symbol/Icon Set」を公開しました。こうしたアイコン集はすでにAmazonクラウドがすでに公開しており、多くの利用者に使われてます。 Windows Azure用に作られてはいますが、一般的なシステム構成図のためのアイコンも多く含んでいるため、さまざまな場面で利用できそうです。公開された多数のアイコンの中から、よく使われそうなアイコンを集めてみました。 データはPowerPoint形式、Visio形式、PNG形式で提供されています。GitHubやBitBucket、DropBoxなどのアイコンもあるので、デプロイ関連の図を描く
高品質なものを探すのが難しい、タッチデバイスのジェスチャーをイラスト化したアイコン素材 -Touch Gesture Icons
タッチデバイスで人気が高いジェスチャーをイラスト化したアイコン素材を紹介します。 作者の方より、既存の30種類から新たに18種類のジェスチャーを追加したよ、と連絡を受けました。 Touch Gesture Icons ダウンロードできる素材のフォーマットは、PSDもベクターも揃っています。 .png（すぐ使う用） .psd（ウェブ制作用） .eps（紙用、いろいろ変更したい用） PNGは48, 64, 128, 256, 512pxの5種類のサイズが用意されており、PSDは.aiがスマートオブジェクトとして使われています。 利用にあたっては個人でも商用でも無料、とのことです。 詳しくはダウンロードファイルの「License.txt」をご覧ください。 ジェスチャーは、全部で48種類。 まずは、既存の30種類。タップ・ピンチ・スワイプなどが揃っています。
ネットワーク図を作る時に便利なアイコン集のまとめ(2013年度版) - P2P today ダブルスラッシュ
ネットワーク図を作る時に便利なアイコン集のまとめ(2016年度版)を作りました。最新のアイコン集はそちらをご覧下さい。 ネットワークマップなどネトワーク系の作図を行う際、アイコンが無い場合であったり、製品にあったアイコンなどが見つからずアイコンを探すのに苦労をする場合があると思います。サーバやネットワーク機器のメーカによっては、ネットワーク系の作図を行う時に使えるアイコンやVisioのステンシルを提供しているところがあります。今回はそれぞれネットワーク図の作図に便利なアイコンを配布しているサイトをご紹介いたします。 《「INTEROPのトポロジ図アイコン」(2014/06/24追記)》図面とともにあらんことを！：第二面 – ネットワークのゲンバ(2014) | Interop Tokyo 2014の5ページ目にOne more thing…として、ShowNet の図面で使っているアイコン
Modern Syntax
今回のモダシンラジオは私が観ている2024年1月-13月のアニメ、いわゆる2024冬アニメについて語る回です。以下のアニメについて36分20秒しゃべっています。 ・青の祓魔師 島根啓明結社篇 ・悪役令嬢レベル99 ～私は裏ボスですが魔王ではありません～ ・異修羅 ・異世界でもふもふなでなでするためにがんばってます。 ・うる星やつら 第2期 ・俺だけレベルアップな件 ・愚かな天使は悪魔と踊る ・外科医エリーゼ ・月刊モー想科学 ・結婚指輪物語 ・最強タンクの迷宮攻略～体力9999のレアスキル持ちタンク、勇者パーティーを追放される～ ・最弱テイマーはゴミ拾いの旅を始めました。 ・佐々木とピーちゃん ・30歳まで童貞だと魔法使いになれるらしい ・弱キャラ友崎くん 2nd STAGE ・SYNDUALITY Noir 第2クール ・真の仲間じゃないと勇者のパーティーを追い出されたので、辺境でスロー
黒板にチョークで書いたようなかすれ具合がいい味を出してるフリーのアイコン素材 -Chalk Web Icons
ウェブだけでなく、紙でも利用可能なハンドメイドのフリーのアイコン素材を紹介します。 黒板デザインの名刺でも作りたいですね。 Free Chalk Web Icons アイコンのデザインは全部で40種類で、Facebook, Twitter, Google+をはじめさまざまなソーシャルサービスが揃っています。 アイコン全40種類 ダウンロードできる素材のフォーマットはPSDと透過PNGで、サイズは64x64, 128x128, 256x256と大きなものまで揃っています。 素材の利用にあたっては個人でも商用でも無料で、ウェブだけでなく印刷、ポスター、フライヤー、名刺などに使用しても構わない、とのことです。 詳しくは下記ページをご覧ください。 Download Terms
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
キャラクターっぽい似顔絵アイコンが作れる「四角い顔アイコンジェネレータ」
TwitterなどSNSで使えそうな四角い顔アイコンを作成できるネットサービスが「四角い顔アイコンジェネレータ」。デフォルメされたパーツが多く、カスタマイズの幅も広いため、自分の似顔絵だけでなくキャラクターっぽいアイコンなどを作ることが可能です。 四角い顔アイコンジェネレータ -Icon Generators- http://www.icongenerators.net/shikaku.html アイコンは画面上の「今すぐ作る！」をクリックすると作成できます。 アイコンの詳細を決めるメニューはこんな感じ。まずは肌の色。 前髪もさまざまなパターンが存在します。 横髪。 目もキャラクターっぽくデフォルメされたデザインのものがずらりと並びます。 鼻。 口。 まゆ。 頬にはそばかすや赤らみの他、星マークや花マークをつけることもできます。 メガネやサングラス、眼帯など。 「頭」にはリボンや頭巾、ター
無料で商用利用も可能なフリーアイコン集「30 Toolbar Icons」
画面の上や下に配置されるツールバーにあるお気に入りやプリンター、戻るや進むといったボタンをカスタマイズできるシンプルなアイコンが「30 Toolbar Icons」です。個人的に使うことはもとより、商用利用もできます。 30 Toolbar Icons for User Interface Design | Web Resources | WebAppers http://www.webappers.com/2012/07/09/30-toolbar-icons-for-user-interface-design/ アイコンの大きさは32×32、ファイル形式にはPSD形式とPNG形式の2つがあります。 アイコンは写真、メール、ダウンロード、設定、本、フォルダ、ページ、ツール、プリント、ヘルプ、サーチ、ペースト、アンドゥ、ホーム、電源、リンク、星、コメント、ロック、戻る、進む、ストップ、ゴミ
無料でダウンロードできる高品質なアイコン集「Iconsutra」
スタンダードなデザインのアイコンからTwitterアプリ用、Photoshopのオリジナルアイコン、アドビシステムの各ソフトの丸形アイコンまで、カラフルで高品質なアイコンをダウンロードできるのが「Iconsutra」です。 Iconsutra - Icon and UI Design, India http://view.iconsutra.com/ ◆Mobile Me Icons アドレス帳、カレンダー、GPS、アルバム、iDisk、メールなどデスクトップに使えそうな6つのアイコン。ファイルにはMac用のICNS形式、Windows用のICO形式、PNG形式、iContainer形式、PSD形式があります。なお、このアイコンは個人での使用のみが許可され商用、あるいは素材の再配布や販売は許可されていません。 ◆Boolean Icons v1.1 16×16の全110種類のアイコンはエレ
商用利用も無料、各種ソーシャルサービス・ブラウザ・支払いサービスのアイコン素材 -PlugoLabs
Social & Services Icon Set [ad#ad-2] アイコンのデザインは全86種で、ソーシャルサービス、ブラウザ、支払いサービスなどウェブサイトやブログでよく利用するものが数多く揃っています。 ダウンロードできる素材のフォーマットはPNGで、サイズは32x32, 48x48, 64x64の3種類です。
この小ささはもう限界でしょ、極小ピコサイズのアイコン素材 -Pico icons
Pico icons - 9x9px #2 [ad#ad-2] アイコン名の『Pico』は、ミリが0.001、マイクロが0.000 001、ナノが0.000 000 001、ときてその次の、ピコの0.000 000 000 001 でしょうか。 まあ、かなり小さいのは確かです。 ダウンロードできるアイコン素材のデザインは全85種、フォーマットはPNGで、サイズはもちろん全部9pxです。 素材の利用にあたっては個人でも商用でも無料、とのことです。 ピコだけど、太っ腹！
本をモチーフに制作されたアイコンまとめ「A Collection of Free Book Icon」
紹介するコンテンツやデザインテイストによって、利用したいアイコンのデザインも異なるため、バリエーションとしてより多くのアイコン素材をストックしておきたいもの。そんな中今回は、本をモチーフに制作されたアイコンをまとめた「A Collection of Free Book Icon」を紹介したいと思います。 Font Book by ~Monbcn on deviantART リアルなテイストのアイコンから、デフォルメが可愛らしいタイプまで、さまざまなアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Old Books by ~WickedDesktop on deviantART アンティークな雰囲気漂うアイコンセットです。古い本がリアルに再現されているので、アイコンとしてはもちろん、デザインのアクセントとしてもさまざ
Webフォントにも利用可能なフリーの天気アイコンフォント・Climacons Font
土曜日なので軽い話題。天気 アイコン型のWebフォントです。 スマートフォンのアプリ向け に作られたみたいです。見た目 が可愛いのでアプリ以外にも 何かに利用したいですね。 天気アイコンフォント、というニッチなニーズに応えたフリーフォントです。スマフォのアプリなんかに良さそうな感じ。Webフォントにも利用できますが、PSDやEPSも用意されています。 可愛らしい天気アイコンです。UNIQLO CALENDARにも似たようなテイストのアイコンが使われていましたね。 結構揃ってます。 フォトショやイラレで使えるデータもあります。 商用でも使っていいみたいですけど直に販売したりするのはやめてくれ、との事です。下部に規約あるので目を通してくださいませ。 Climacons Font
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Page Not Found - NxWorld
【今日のお気に入り】 好きな画像を手軽にマルチアイコン化「Frico Free Icon Maker」NOT SUPPORTED
ushigyunet｜iPhoneからゲームやグルメまで、ひたすら詳しくレビューするブログ
汎用性に優れた拡大縮小も可能なシンプルなデザインのお天気アイコン素材
IDEA * IDEA
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP