Noun Project is the World's Most Diverse and Extensive Collection of Icons and Mission-Driven Photos.
Noun Project is the World's Most Diverse and Extensive Collection of Icons and Mission-Driven Photos.
アイコンフォントは多くのウェブサイトでも使用されていますが、そのまま使用するだけではアクセシビリティを損なう可能性もあります。アクセシビリティを確保しながらアイコンフォントを利用する方法について解説します。 モバイル端末をはじめとして高解像度ディスプレイを搭載した端末が普及したことにより、ウェブサイトでも高解像度でも劣化しないで表現が可能なベクター形式のデータが用いられることが増えてきました。 ベクターデータの中で最も用いられているのはフォントデータではないでしょうか。フォントデータは複雑な色の表現が難しいとはいえ、スタイルシートのみで大きさや色をコントロールしやすいということもあり、アイコンなどの形状をフォントとして登録したアイコンフォントも多く使われています。 独自のフォントデータを配信するウェブフォントも、古くからブラウザにて実装されていたことや Font Awesome など、使用
ユーザーがアイコンの意味や目的をきちんと理解できるように、製品開発サイクルのさまざまなステージで複数の種類のテストを実施しよう。 Usability Testing of Icons by Aurora Bedford on February 7, 2016 日本語版2016年5月17日公開 スペースを節約し、ビジュアルをすばやく再認できるというメリットを活かそうと、デザイナーはよくアイコンを利用する。スマートフォンやウェアラブルデバイスなどのディスプレイの小さいデバイスの人気が高まるにつれ、アイコンの利用も増えてきている。しかし、こうしたアイコンはどの程度ユーザブルなのだろうか。ある特定のアイコンがうまく機能するかどうかを確認する唯一の方法は、ユーザーにそのアイコンをテストしてもらうことである。 アイコンのテストでは何をテストするのか テストの方法によって、アイコンのユーザビリティの中で
Bjango App Icon Templates A comprehensive set of app icon templates for Photoshop, Illustrator, Sketch, and Affinity Designer. The templates cover Android, iOS, macOS, Apple TV (tvOS), Apple Watch (watchOS), iMessage, Windows, Windows Phone and web favicons. Where possible, they’re set up to automate exporting final production assets. All free and open source, released under the BSD license.
Good Sleep! Got Latte? Shuzzle Metrobot Screen Candy Vintaframe Pro Photo Candy Moldiv Ikonica HAPPINESSCAM TeaReading FaceLight StreamdIn InstaTiling Black + White Camera HD Google Maps InstaPlace Freshbox FoodSnap! Facetune FxCamera Camera SX Pro Camera FX Pro My Tally Counter Analog Camera CookWizMe HarrisCamera SoundNote MovieQuest MovieQuest Free MaxiCalc Red Valentine Fitness Pro HD Filibaba
The page you’re looking for can’t be found.
背景 自分のWebサイトでアイコンを使っている。 問題 pngなどの画像ファイルとしてアイコンを利用すると、大きさ調整や文字とのバランスで扱いが面倒である。 解法 Webフォントとしてアイコンを作り、CSSを用意しておく。 結果 シンプルなマークアップだけで任意の大きさのアイコンが利用できる。 HTML sample.html1 2 <link rel="stylesheet" href="http://www.hyuki.com/common/hyuki-font/hyuki-font.css" > <h1> <i class="hyuki-ghost"></i> 結城浩 </h1> 表示 結城浩 詳細 OmniGraffleのようなドローソフトで、アイコンをSVG形式で書き出す。複数アイコンは複数ファイルにしておく。 アイコンのSVGファイルをすべてzipにまとめて、Iconvault
Ready to use SVG icons for the web. Choose an icon. All you have to do is copy & paste the HTML code. Don't forget to load the basic CSS file. <path fill="none" d="M15.439,23.783c-4.852,0-8.784-3.932-8.784-8.784c0-0.423,0.038-0.835,0.095-1.242l1.837,1.837 c0.358,0.358,0.939,0.358,1.298,0s0.358-0.939,0-1.298l-3.436-3.436c-0.186-0.186-0.43-0.271-0.673-0.264 c-0.244-0.007-0.488,0.078-0.674,0.264L0.79
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Translation of: Bulletproof Accessible Icon Fonts by Filament Group アイコン・フォントを利用する場合、あらゆるユーザーに適切にアイコンを提供しようとすると、かなり気をつける必要があります。そのフォントが読み込まれなかった時にどうなりますか?@font-faceがまだサポートされていないブラウザーでは? どうすれば安全に(bulletproofに)アイコン・フォントを利用できるかをこれから解説したいと思います。 効率的で機能的なウェブサイトを制作するという、この終わることのない探求において、ベクター形式のアイコンを提供する手段として、簡便であるフォントを利用することが何度も提案されてきました。対して私達は通常ベクター形式のアイコンとしてSVGをIan Featherがブログ書いたような理由から選んで(また、薦めて)おり、既に
Typicons are free-to-use vector icons embedded in a webfont for easy use in any UI, whether it be on the web or in a native app. Typicons are free-to-use vector icons embedded in a webfont for use in your user interfaces, whether it be on the web or in a native application. The set of icons are available on Github, with everything included from the source files in SVG format to the minifed CSS. Yo
数カ月前に@suzukisan__が投稿された「Illustrator Unlimited Appearance - suzuki | JAYPEG」は、Illustratorのアピアランスを駆使して、1つのオブジェクトからカメラのアイコンを作るという、面白い試みをされていました。 アピアランスの可能性を示す、インパクトのある内容であったため、記憶に残っている方もいることでしょう。 このアイコンが投稿されてから時間がたっていますが、HTMLとCSSに分解されるイメージが自然に湧いてきたので、少しばかりのHTMLとCSSでアイコンを模写してみました。 HTML と CSS で作ったカメラアイコン 模写したカメラアイコンは、Internet Explorer 10以上 や、最新のChrome, Firefoxなどであれば表示されるはずです。 こちらがHTMLとCSSで書いたものになります。 ソ
Briliantas yra ypatingo tipo deimantas – populiariausia ir dažniausiai naudojama deimanto pjovimo forma, kuri sukurta tam, kad maksimaliai išryškintų šio brangakmenio blizgesį ir ugnį. Deimantas – natūralus mineralas, sudarytas iš anglies, kuris yra vienas iš kiečiausių natūralių medžiagų žemėje. Tačiau ne visi deimantai yra briliantai. Briliantu vadinamas deimantas, kuris yra specialiai nupoliruo
We Love Icon Fonts We must stop here, this is icon fonts country! What? This is a free & open source icon fonts hosting service (like Google Web Fonts, but icon fonts only). Hurray! Caution! This is a public gamma. Use this service for mockups, reduced test-cases or CodePens, but not on productive systems!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く