Androidのリソース対応メモ - プログラミングノート
リソース定義 画面密度 倍率 端末 備考 ldpi 120dpi x0.75 mdpi 160dpi x1.0 基準サイズ hdpi 240dpi x1.5 xhdpi 320dpi x2.0 Nexus4, 7, 9, SO-02G HD(1280x720) xxhdpi 480dpi x3.0 Nexus5, 10 フルHD(1920x1080) xxxhdpi 640dpi x4.0 Nexus6 主に4K解像度用 mdpiが基準値なので、100pxの画像を解像度別に準備する場合は下記サイズで準備する。ldpiはほぼ考慮しなくていいので作らなくていい。デザインする際はxxhdpiの1920x1080をベースにデザインしてそれぞれサイズ合わせて行くのが良さそう。 mdpi = 100px hdpi = 100px x 1.5 = 150px xdpi = 100px x 2.0 = 2
iPhoneで最も美しいアプリアイコンは？ - #RyoAnnaBlog
Tweet ずっとMomentoだと思っていた。 エンジのボディにホワイトのリボン。濃淡の美しさに惹かれて、何度か食べたくなった事がある。ノスタルジックな味がするに違いない。 今回はデザインのいいアイコンを紹介したい。 Momentoと同じぐらい美しいアイコンを発見して、嬉しかったのだ。 入選 Camera+ Color Splash Fast Memo iBonsai Instagram Path PicFrame PlainText Reeder QuadCamera Symmetory Vellum Wikipanion WriteRoom Wunderlist Zentomino どれも素晴らしいアイコンだ。 いよいよ金賞を発表する。 特別賞 Momento Momentoの美しさは揺るぎない。金賞でもいいぐらいだが、今回は特別賞に留めておこう。 次点 Pillboxie 青く透き
漫画っぽさが超いい感じのWEBアイコン集「Web Cartoon」:phpspot開発日誌
Icons Pack "Web Cartoon" by *shlyapnikova on deviantART 漫画っぽさが超いい感じのWEBアイコン集「Web Cartoon」。 次のような４０種類のアイコンセットが公開されています。 綺麗にデザインされたアイコンが多い中、なかなか強烈なインパクトがありますね。 関連エントリ 手書き感がなんとも素晴らしいアイコンセット集 アイコン検索エンジントップ１０ 10セットの1000種類にのぼる秀逸なフリーのアイコン集 アイコンデザイナーのためのツール集
アプリ開発で使える画像素材サイト - スマホアプリの作り方 - 初心者向け -Xcode-Storyboard-AutoLayoutの使い方
2016 - 01 - 26 アプリ開発で使える画像素材サイト 画像素材 大抵のアプリを作るには画像が必要ですが、プログラミングもできて絵も書ける人間はそういませんよね。 もしできたとしても、作業日数が膨らむことを考えると、画像は極力外部から用意するのがよいでしょう。うまくやれば数千円くらいで用意できますし、ハイセンスな画像はアプリのクオリティーアップに直結します。 ということで、今回は私がよく利用する画像サイトをご紹介します。 ShutterStock www.shutterstock.com メインで使う画像に関しては、現状、ほぼここ一択です。たとえば国内で有名なPIXTAと比較しても、クオリティーと物量に圧倒的な差がありますので、結局こちらを使っています。有料サイトで、１枚1000円くらいです。写真とイラスト両方あります。 あえて欠点を上げるとすると、アニメ系が弱いですので、そっち系
WebHostingHub Glyphs
Glyph Icon Font from WebHostingHub High quality icons that are easy to use with Bootstrap, other CSS frameworks and in any web projects. They also work in desktop software such as Adobe Photoshop or Microsoft Word. They are perfect for use in mobile developement on Android or iOS devices. Icons rock when used as a font! Font gives you freedom to change icon's size, color, shadow and other things o
よく使うアイコンWebフォントのフォントセットとジェネレーターまとめ
Webページ上でベクターのアイコンを簡単に表示できる憎いアイツ。そう、アイコンWebフォント。 Retinaディスプレイでも綺麗に表示されるし導入は（そんなに）難しくないし至れりつくせり。 セマンティック？なにそれおいしいの？ そんなわけで今回はよく使っておりますアイコンWebフォントのセットと、ジェネレーターをまとめてみました。 ※紹介しているフォントを使用する際は、ライセンスを必ずご確認ください。 Font Awesome とっても有名なアイコンフォント、Font Awesome。600を超えるアイコンを使用できるのが特徴です。ソーシャル系のアイコンも揃っております。線のRは少し強めの印象。 個人・商用利用なのも嬉しい。 Font Awesome, the iconic font and CSS toolkit Entypo キリッとしたアイコンがエレガントなイメージなのがEntypo
Apple、iOS用アプリなどの新しいアイコンテンプレートをPSDファイルで公開。
AppleがiOS用の新しいアイコンテンプレートをPSDファイルで公開しています。詳細は以下から。 AppleはWWDC 2016にあわせ”iOS Human Interface Guidelines“を更新し、開発者向けにiOS用アプリなどのアイコンテンプレートを公開しています。 App Icon Template Use this template to design properly scaled versions of your Home screen app icon. For additional guidance, see App Icon. Resources – iOS Human Interface Guidelines 公開されたリソース 更新されたガイドラインには既に公開されていたSan Francisco Fontを含めiOS 10のホームスクリーンアイコン／メッ
スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
無料でできる！オリジナルアイコンフォントを作ってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんはじめまして！ アートディレクター兼デザイナーの長岡と申します。 社内では、ひろさんと呼ばれています。 入社したばかりですが、どうやらLIGの最年長記録を更新したようです(^^;) 2児の父親として、プライベートでは、子育てに奮闘中なのですが、最近乗り物に興味を持ちだした息子。 電車や車が大好きなようで、テレビに映る度に指をさして「でぇ～んしゃ～♪」とか「ぶぅ～ぶぅ～♪」と叫んでます。 そんな息子の姿を見て、毎日癒されてます(^-^) さて本題に入りますが、スマホサイト・レスポンシブデザイン・Bootstrapなどで度々目にするアイコンフォント。 モバイルファーストを考えながらの制作ですと、表示速度も意識しなければなりませんね～。 フリーのアイコンフォントは、たくさんあれど、「アイコンが多すぎる！」「もっと少なくしたい！」「オリジナルでアイコンを作ったけれども、これをどうにかアイコ
日本のブログでよく利用されているWEBサービスロゴのアイコンフォントまとめと利用方法
WEBサービスのアイコンフォントについて ウェブアイコンフォントと言えば現時点ではFont Awesomeが最も使われています。 Font Awesomeには、多数のウェブアイコンフォントがあり使い勝手もとても良いです。WEBサービスのロゴアイコンも多数揃っています。 ただ、Font Awesomeは海外で制作されていることもあり、海外でよく利用されているWEBサービスロゴしかありません。 例えば、Twitter、Facebook、Google＋、YouTube、Tumblrなどはあるのですが、feedly、はてブ、ポケット、LINEなど日本のブログ界隈でよく利用されているWEBサービスのロゴはありません。 こういうのは、自前でウェブアイコンフォントを作るしかありません。 僕も以前feedlyのアイコンフォントがなかったので以下のように作成しました。
40,000個以上のアイコンをシンプルなインターフェースで検索できる『iconlet』 | POP*POP
これ以上ないぐらいシンプルなアイコン検索エンジンが登場。以前ご紹介した「iconfinder」と合わせて使うといいかもですね。 基本はシンプルな検索ですが、いくつかオプションも選べるみたいですよ。 詳しい使い方は以下からどうぞ。 ↑ Goolgeライクなシンプルインターフェース。 ↑ ためしに「iPod」で検索。なかなかいい感じ。 ↑ それぞれのアイコンをクリックすると詳細情報が表示されます。 ↑ オプション設定はこんな感じ。ライセンスごとに選べるのがうれしいですね。 ご利用は以下からどうぞ。 » iconlet.com – icon search engine – free icons for your project こちらもあわせてどうぞ。 これは使える！17,000個以上のアイコンから検索できる『iconfinder』
Avid、「Media Composer | First」の無償提供を発表！ Pro Toolsに引き続き、ハリウッド標準のビデオ編集ソフトウェアも無償化
Avidが、アメリカ・ラスベガスで開催されているイベント『Avid Connect 2015』において、「Media Composer | First」を発表。「Media Composer | First」は、無償で提供されるビデオ編集ソフトウェアです。 今年1月のNAMM Showにおいて、AvidはPro Toolsの無償版「Pro Tools | First」を発表しましたが、ビデオ編集ソフトウェアのMedia Composerも「Media Composer | First」として同様に無償提供されることになりました。Media Composerは、Mac／Windowsに対応した業務用ビデオ編集ソフトウェアで、ハリウッドの映画製作の現場では標準的に使われているツールです。その基本機能が凝縮された無償版が「Media Composer | First」で、ソフトウェアをダウンロー
Free vectors icons
No notifications to show yet You’ll see useful information here soon. Stay tuned!
Jenkins がもっと便利になるおすすめプラグイン 8 つ
こんにちは、開発担当の松本です。 今回は、Jenkins にたくさんあるプラグインの中からおすすめのプラグインをいくつか紹介します。 ジョブ一覧にアイコンを追加できる: Custom Job Icon 今年8月にリリースされた比較的新しいプラグイン。名前の通りプロジェクトごとにアイコンを登録できて、それがプロジェクト一覧に表示されるようにできます。 利用するには、プラグインインストール後にアイコンを登録する必要があります。 「Jenkins の管理」→「システムの設定」ページに「Custom icons」セクションが追加されていますので、そこでファイルを追加しておきます。追加しても「Refresh icon list」をクリックしないと表示が更新されない点に注意。 なお、画像の拡大縮小あまりきれいに行われないので、アイコンのサイズは 24 x 24 にしておくのがよいみたいです。 アイコン
Steinberg、同社初の本格的な楽譜作成ソフトウェア「Dorico」を発表！ 32bit浮動小数点処理のオーディオ・エンジンを搭載、VSTプラグインにも対応
Steinberg、同社初の本格的な楽譜作成ソフトウェア「Dorico」を発表！ 32bit浮動小数点処理のオーディオ・エンジンを搭載、VSTプラグインにも対応 「Dorico」は、SteinbergがSibeliusの主要開発スタッフを雇用し、2012年から開発を進めてきた楽譜作成ソフトウェア。その進捗状況はブログ『Making Notes』などで報告されていましたが、プロジェクトのスタートから約4年の年月経て、ようやく完成が見えてきたようです。 以下、「Dorico」の主な特徴です。 ● 音楽家のために設計された64bit仕様の次世代楽譜作成ソフトウェア ● 記号や歌詞などが書き加えられた楽譜を美しく印刷 ● フレキシブルな入力機能／パワフルな編集機能 ● すべてのツールに素早くアクセスできるシングル・ユーザー・インターフェース設計 ● 単一のプロジェクト内で複数の楽曲を扱うことができ
第7回 追加情報をアニメーションで表示するボタン | gihyo.jp
今回のお題は、アニメーションするボタンだ。マウスポインタを重ねると追加情報が現れる（サンプル1）。「Animated Buttons」の表現を参考にした。例によって、HTMLとCSSの構成はわかりやすく改め、コードも絞り込んである。 サンプル1 CSS3: Animatied buttons ボタンの静的なデザイン <body>要素に書くコードは以下のように構成した。各ボタンを<a>要素（class属性"btn"）として<div>要素（class属性"container"）の中に納めた。ボタンの<a>要素は、それぞれ3つの<span>要素（class属性"btn-text"と"btn-slide-text"および"btn-icon"）をパーツとして含んでいる（図1）。3つめの<span>要素の中には、さらに空の<span>要素が加えてあり、CSSで矢印を背景画像として与える。 図
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - future-architect/icons: Open Source Icons designed by Future Architect.
Apple Design Resources
新着記事
iconPot - totally free icons