No notifications to show yet You’ll see useful information here soon. Stay tuned!
はじめに Bootstrap標準アイコンと、追加で使えるWebフォントアイコンの一覧。 よく使うのにまとめたものが欲しかったので作りました。 Bootstrap Default(v2.2.2) Bootstrapの標準アイコンの一覧。最新版・ダウンロードは公式サイトをご覧下さい。 Bootstrapのアイコンは、標準添付されていて使いやすいのですが、画像なので黒か白の2種類しか使えません。まぁ、個人的にはそれでいいのですが・・・ icon-glass icon-music icon-search icon-envelope icon-heart icon-star icon-star-empty icon-user icon-film icon-th-large icon-th icon-th-list icon-ok icon-remove icon-zoom-in icon-zoom-
This page has moved to developers.google.com/fonts/docs/material_icons.
インストールされるデバイスの種類が増えたことで、デベロッパーはたくさんのアイコンをつくる工程が増えました。アイコンを実機に入れてみては、チェックし、変更したりしていると、差し替えるだけでも大変な作業です。そんな時に役立つのが「IconKit」です。 アイコンを一つ準備するだけ 最大サイズのアイコンを一つ準備して「IconKit」にドラッグするだけ! そうすると… こんな感じで、いろいろなサイズのアイコンを作ってくれるのです。 最終的に書きだす際に、どのデバイス用なのかを選択します。 そうると、アイコンがずらっと作られます。 500円(2013/12/13時点)の有料アプリですが、アップデートもきちんと行われ続けていますし、デベロッパーにはおすすめのMacアプリです。 IconKit [sc name=”ios”][sc name=”engeneer”]
アイコン全46種 ダウンロードできるアイコンのフォーマットはPNGで、サイズが16, 24, 32, 48, 64で、32, 64にはRetina用もあります。 アイコンの利用にあたっては個人でも商用でも無料で、クレジットやバックリンクの必要はない、とのことです。ただし、配布や販売は禁止です。
【ゆっくり解説】「遂に目を覚ました…」日本の第6世代戦闘機F Xの正体に世界中に震撼!!【ゆっくり軍事プレス】
To use this icon, you must first accept the license agreement.
ランサーズ凄い ランサーズさんというクラウドソーシングの会社を、nanapiの仕事を請け負ってから、個人的にも仕事的にも活用させていただいているのですが、非常にはかどっていてびっくりしています。 何が凄いのかは、以下のタイアップページで書いたのでよければご覧ください。 [PR]6億円以上の取引がされたクラウドソーシングサイト「Lancers」は何がスゴいのか | nanapi[ナナピ] (情報共有:nanapiとしてランサーズさんからお金をいただき広告出稿していただいておりました。出稿期間中にブログ書くとステマっぽくなっちゃうので、出稿が終わってから書いています。あくまでこちらは個人目線ということで、、) で、周りのWeb系の企業をやっている会社が、最近ランサーズさんを使っているという話しもよく聴きますが、たしかにスモールスタートする時にちょうどいいなあ、と思うので、どういう使い方があるの
Windows用:Androidケータイ、けっこう浸透してますよね。ワタシもAndroid用のソフトを開発しています。ところで開発をするときに、手作業が結構多いのが気になりました。どんなことであれ、手作業を定型化して楽をすれば、その分、考える時間を作り出せます。生産性や作業の質も向上します。これは仕事をする上でのベーシックな考え方です。 具体的には、Androidはかなり複数の解像度をもつので、それに合わせたアイコンファイルを作成する必要があります。そこで、この作業を定型化するソフトを開発しました。 「解像度に合わせたアイコンファイルを作成する必要」とは、例えば、 drawable-xhdpi\ic_launcher.pngに96×96ピクセルdrawable-hdpi\ic_launcher.pngに72×72ピクセルdrawable-mdpi\ic_launcher.pngに48×48
このページでは、iPhone、iPod touch、iPadの「Webクリップ」機能で表示されるアイコンの作り方を解説します。 Webクリップとは iPhone、iPod touch、iPadのウェブブラウザ「Safari」の、ブックマーク機能のひとつです。 ホーム画面に、ウェブサイトへのショートカットを置くことができます。 Webページや、ページ内の特定部分に素早くアクセスできます。 Webクリップを作成すると、表示中のページを縮小した画像が、ボタンとして作成されます。 Webクリップ機能に対応したアイコンを設置しているサイトの場合は、そのアイコンがホーム画面に登録されます。 Webクリップの作成方法 Safariで、任意のWebサイトを開く ブックマークに追加などが行える、共有アイコンをタップ「ホーム画面に追加」を選択 このとき、通常は表示しているサイトの縮小画像(サムネール)がアイコ
Font AwesomeはBootstrapと組み合わせて使えるアイコンを集めたWeb Fontです。 Twitter Bootstrapの便利な機能の一つにアイコンパックがあります。ちょっとした装飾を手軽に付け加えられるのは便利です。そんなBootstrapに200以上のアイコンを追加するのがFont Awesomeです。Web Fontで作られたアイコンパックです。 全てのアイコンです。 ソーシャルアイコンも揃っています。 例です。ドロップダウンやボタンにつけています。 大きさが自由に変更できるのもフォントならではです。 ドロップダウンにつけると機能がより分かりやすくなります。 カスタマイズすればレーティングに使ったりもできます。 ファイル構成です。SVGやフォントが提供されます。 Font AwesomeはTwitter Bootstrapで提供されているものに加えて色々な場面で役立
OpenWeb Iconsはソーシャル系サービスを表現するのに使えそうなWeb Fontです。 文字の横にちょっとしたアイコンを載せるとその意味がぐっと分かりやすくなることがあります。そんな時にはこれまでごく小さなアイコン画像を使うのが一般的でしたが、今回はWeb Fontを使ったOpenWeb Iconsを紹介します。 サンプルです。 実例です。こういう使い方は良いですね。 HTMLでの指定方法です。Bootstrapライクです。 OpenWeb Iconsは現時点で19種類のアイコンが登録されています。EOT/WOFF/TTF/SVGで作成されており、それぞれをCSS上で読み込んで使います。なおBootstrapと組み合わせることで、Bootstrapのアイコンのように指定して使えるようになっています。クラス名に-coloredをつけるとカラーになります。 OpenWeb Iconsは
HTML制作の際にJavaScriptを使用したページなどなど、 読み込みに時間が掛かる場合に『Loading』画像を使用することがあったりなかったり。 そんな時に役に立ちそうな、100種類以上ものサンプルから さっくり「Loading」GIFアニメ画像を作成できる「Load Info – gif generator」の紹介。 ≫Load Info – gif generator 画面上に用意されているサンプルから好きな物を選び、 背景画像とLoading画像の色を指定した後、 サイズを「16×16」「24×24」「48×48」の三種類の中から選択したら 「generate」ボタンをクリックして画像を生成。 生成した画像は「download」ボタンから保存することが可能。 サンプル画像選択画面は、ジッと見ていると何か洗脳されてしまうそうな動きですが、 かなりあっさり作成できてしまうので便利
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く