theDazzler/droidicon GitHub Google Material Designのアイコン1600個以上のセット「droidicon」。 アプリに、サイトに色々と使えそう。 関連エントリ amazon,visa等、決済関連のアイコンが74個詰まったアイコンフォント「PaymentFont」 selectボックスにアイコンを付けて分かりやすくできるjQueryプラグイン「wSelect」
Awesome Cursor - a jQuery plugin for using FontAwesome icons as custom CSS cursors マウスカーソルを豊富なアイコンから選んで設定できる「Awesome Cursor」 FontAwsomeというアイコンが豊富に収録されたフォントが有名ですが、そちらのフォントを使ってマウスアイコンをカーソルに変更できます 関連エントリ 美しいナビゲーションメニューを自動生成するjQueryプラグイン「MenuItems」 レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 綺麗なTOCを自動で作られるjQueryプラグイン「contents」
お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント! 今回は、手描き風の花や花冠、草や葉や木などを使った飾り罫のベクター素材です。もちろん個人でも商用でも無料で利用できます。 freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化したflaticon.comも運営しており、こちらには現在60,000個以上のアイコンが無料で利用できます。 freepik.comでアイコンの検索する時は、下記のページからが便利です。 freepik.comでアイコンを探す またfreepik.comは、そのブログだけのオリジナルの素材を配布するコラボをしています。 日本ではコリスが初!今回でいよいよ第13弾となりました! 第1弾〜12弾まではこちら。 コリスのビジター
Googleが提唱しているフラットUIを発展させたデザインがマテリアルデザインです。アイコンを単純化して情報構造を明確にするだけでなく、さらにマウスオーバーやタップ時のアニメーション、色の変化をつけることでシステムがどういう状態にいるかが明確になります。 そんなマテリアルデザインにフォーカスして作られたアイコン集がMaterial Iconsです。 Material Iconsの使い方 Material Iconsは数百種類のアイコンが提供されています。 アクション系。 特徴としては一つのアイコンで終わりではなく、その状態によって斜線を引いたり、アイコンを重ねたアイコンがあることでしょう。 アラート、AV、コミュニケーション。 音量アイコン一つとっても、音量の大小、ミュート、設定不可などとパターンが作られています。 コンテンツとデバイス。 スマートフォンでも利用も想定されていますのでデバイ
Google検索結果、スマホ「非対応」サイトを表すアイコン表示をテスト モバイル検索のユーザーエクスペリエンスを高めるために、今度はモバイルフレンドリー「ではない」サイトを示す実験を開始。グーグル、今度はスマホに対応していないサイトを示すアイコンを表示するテストを実施。スマートフォンのアイコンに斜線が入っている。 公開日時:2014年10月13日 23:31 米Google がモバイル検索結果において、スマホ「非対応」を示すアイコンを表示するテストを実施している。スマホに最適化されていないページに対して、斜線入りアイコンを表示する。 @gcharlton @rustybrick no, I see no +ve icon. Also I bitched enough that mirror is fixed! Bbc and dailymail wrong. pic.twitter.com
500種類以上のアイテムそれぞれにソリッドとベタ塗りが用意されている高品質な無料のアイコン素材を紹介します。 商用利用も無料で、クレジット表記の必要がないのは使いやすいですね。 ソリッドとベタ塗りのアイコン アイコンのフォーマットも豊富に用意されています。 .png (すぐ使う用、カラーはグレー・ブルー・ブラック) .svg .eps .pdf Webフォント (.eot, .woff, .ttf, .svg) .sketch (Sketch用) 利用にあたっては個人でも商用でも無料で、クレジットの表記は必要無し、とのことです。ただし、販売や再配布は禁止です。 詳しくはダウンロードファイルの「Read Me.md」をご覧ください。 アイコンは6種類のカテゴリに分けられており、それぞれ豊富なアイテムが揃っています。
スマートフォンやSNSをよく使っている人ならば、ほぼ間違いなく「シェア」機能を使ったことがあると思います。その機能は自分が撮影した写真をメールやクラウドを経由して誰かに渡す行為であったり、SNSで知人が書いたエントリを自分の友人にも紹介してあげるというものですが、それを表すアイコンは各ベンダーによって意外なほどさまざまなデザインが存在しています。ソフトデベロッパーでデザイナーでもあるMin Ming Loさんは、世界で「シェア」を表す時に用いられているアイコンを比較して、その中に秘められた各ベンダーの思想の違いをまとめています。 Share: The Icon No One Agrees On - BOLD by Pixelapse https://bold.pixelapse.com/minming/share-the-icon-no-one-agrees-on ◆アップローダー型:iO
by Bobby Acree キャラクターっぽい似顔絵アイコンが作れる「四角い顔アイコンジェネレータ」やアニメなキャラクターアイコンをさくさく作れる「アニメ風アバターメーカー」を使うとオリジナルのTwitter用アイコンを簡単に作ることができますが、今あるアイコン画像を簡単に水没させることができるのが「iconDecotter」。水没の他にも、集中線を入れたり台詞を言わせたりできるようなので、実際にiconDecotterでTwitterアイコンを編集してみました。 iconDecotter | あなたのTwitterアイコンをデコレーション!アイコンデコッター http://icondecotter.jp/ トップページはこんな感じ。 サービスを利用するには、まず「Twitter認証して利用する」をクリックします。 自分のアカウントとパスワードを入力して「ログイン」をクリック。 すると、
ビジネスからホビーまでさまざまなアイテムが揃った、ソリッドなラインが美しいアウトラインでデザインされたアイコン素材を紹介します。 アイコンは個人でも商用でも無料で利用できます! Linea ダウンロードできるアイコンはウェブ制作でよく使うフォーマットが揃っています。 ベクター(.svg) アイコンフォント(.eot, .ttf, .woff, .svg) ビットマップ(.png) アイコンのライセンスはCC BY 4.0で、個人でも商用でも無料で利用でき、ウェブでも紙でも動画でもさまざまなフォーマットで利用できます。 ダウンロードは「Pay with a Tweet」ボタンがありますが、これは作者がユーザーに何かを強制することをボイコットするもので、隣の「Download」ボタンからダウンロードできます。 アイコンはBasic, Music, Ecommerce, Software, Ba
+350 Awesome free vector icons to empower your mobile and web designs Scroll to explore Captain Icon Welcome to Captain Icon Once upon a time there was a youngling who was passionate about drawing since he was a child. He wanted to share his hobby with the world. One day he had a brilliant idea: make an amazing free icon set. Captain Icon knows that creating something new is really hard. He wants
iOS向けの無音(静音)カメラアプリとして安定した人気を誇る「OneCam」に見せかけた偽物アプリが、App Storeに出現している。 OneCamのデベロッパーであるWalker Softwareが、TwitterおよびApp Storeの説明で注意を呼びかけている。 【OneCamサポート拡散希望】パクリアプリを作っている会社にOneCamのアイコンと名前、説明文をパクられました。非常に憤慨しています!本家OneCamのアップデートは45回です。偽物なので十分気をつけてください! https://t.co/7iDwsxLBPH — AppleWalker (@AppleWalker) 2014, 4月 25 アイコン、アプリ名、説明文を丸パクリ 問題の偽物アプリは、アイコン画像やアプリ名、App Store上の説明文などをOneCamからほぼ丸パクリしており、まず間違いなくユーザーを
コンピューターを使っているとアイコンを目にしない日はないほど、アイコンとコンピューターは切っても切れない関係にありますが、今日使われているアイコンに大きく寄与した人としてグラフィックデザイナーのスーザン・ケアさんが挙げられます。Apple社員として働いていたケアさんですが、彼女が一体何をして、どのようにアイコンの未来を切り開いたかについて、Priceonomicsがまとめています。 The Woman Behind Apple's First Icons http://priceonomics.com/the-woman-behind-apples-first-icons/ ◆グラフィカル・ユーザー・インターフェースの歴史 1984年にMacintoshが発売された時、シンプルで親しみやすいインターフェースが売りでした。しかし、このシンプルなインターフェースが完成するまでには歴史があったの
アイコンで表現されることも多い人の顔のビジュアル。同じテイストで何種類も描き出すのはとても大変な作業になってしまいます。そんなシーンに是非利用したい、1,000通り以上の組み合わせが可能なフェイスアイコン「Avatars and Emoticons Vector Set」を今回は紹介したいと思います。 いろいろな表情や髪型のフェイスアイコンが簡単に作り出せるパーツがセットになった、とても便利なフリー素材です。 詳しくは以下 セットになっているのは、帽子やメガネなどの装飾パーツ、目・口・鼻の多彩な表情が楽しめるバリエーションパーツ、女性・男性のいろんな髪型パーツ、フェイスラインパーツ。好きなものを選び重ねていくことで、人のフェイスアイコンが完成します。ユニークなデザインのパーツが多く、楽しみながらフェイス作りを楽しむことができそうです。 他にはあまりない貴重な素材だと思いますので、オリジナル
汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。
PNG32bit(24bitアルファ付き)画像では、8ビット(256階調)の透明度が各ピクセルに割り当てられていますので、ドロップシャドウの部分も綺麗に再現されます。 GIFやPNG8ではアルファ値は1ビットですのでONまたはOFFの2階調しかありません。よって、透過を活かしたアイコンが作りにくく、どうしても汚い画像になってしまいます。 アイコンには 16x16 , 32x32 , 48x48 , 96x96 , 128x128 等の複数の画像を含めるようにしましょう。表示環境によって、より適した画像が表示されます。 ファビコンを作成の方へ: 16x16の画像を含ませて、ファイル名をfavicon.icoに変更すれば完成です(任意のファイル名でもOK)。 favicon(ファビコン)とはウェブサイトやウェブページに関連付けられたアイコンのことです。 faviconは日本では「ファビコン」と
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Web Fontを使ったアイコン表示は幾つかありますが、基本はWebサイト上でアイコン代わりに使うことが多いと思います。もちろんそれでも有益ですが、もっと面白い使い方もできるのではないでしょうか。 今回はその一つとしてjQuery fontIconPickerを紹介します。フォームの入力項目としてWeb Fontを使うライブラリです。 jQuery fontIconPickerの使い方 一番基本的な使い方はドロップダウンだと思います。 <select id="myselect" name="myselect"> <option value="">No icon</option> <option>icon-user</option> <option>icon-search</opti
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く