Iconfinderに新登場したIcon Editorで世界でひとつだけのアイコンをつくろう
スマートフォンアプリやホームページなど、デジタル世界におけるデザインで、どうしても無視できないものがあります。 それが、アイコンの使用です。 ホームページにおけるアイコンの使用は、Font AwesomeのようにHTMLに数行のコードを足すことで、即席で使えるアイコンツールも存在します。 ただ、このような既成のアイコンセットを指定してしまうと、オリジナリティが発揮できないため、なんとかして自分たちでアイコンを作成することができないかを考えているひともいるのではないでしょうか。 そこで登場したのが、アイコン配布ディレクトリサイトの老舗であるIconfinder(アイコンファインダー)がリリースしたIcon Editor(アイコンエディター)です。 名前こそ「ごく一般的」ではありますが、非常に画期的なツールです。 そこで今回は、新登場のIcon Editorで世界でひとつだけのアイコンをつくる
Web系ビジネスマンにオススメ！本当に使えるChrome拡張機能9選
ferretを普段からご愛読いただいているビジネスマンの方は、パソコンを使用してブラウジング作業を行うことが多いのではないでしょうか。 ブラウジング作業は特別な設定などをしなくても、タイピングスピードや情報収集スピードを訓練することである程度までは作業スピードをあげることができます。 しかしパソコンを使い慣れてくればくるほど、よりスピードアップも望む場面も多々あるでしょう。 今回は、普段からパソコンを使用する機会の多いWeb系のビジネスマンの方にぜひオススメしたい、特にブラウジング作業のスピードが格段にアップするChrome拡張機能10選をご紹介します。 どれも筆者自身も使用していて非常に便利なものばかりですので、本記事を参考に作業環境に合ったものをインストールすることをオススメします。 作業効率がアップするオススメのChrome拡張機能9選 1.TabAttack インストールはこちら
妻が一人で開発したアプリの売上が順調に伸びていてうらやましい - sakaharaのブログ
半年以上前のことですが、今年の3/25にMilk TimeというiOSアプリを妻がリリースしました。 Milk Time - 育児記録を共有できる授乳タイマー Mocologyメディカル無料 妻自身が子育て中に授乳のことなどで苦労した経験を活かし、授乳記録を簡単にできてもっとデザインのよいアプリを作りたいという思いをそのまま形にしています。 妻は元々エンジニアではありましたが、アプリを開発して自分でリリースするというのは初めてでした。 それにも関わらずアプリを作る決心をして、新品の15インチMacBook Proを購入しました。 そこから子育てをしつつ合間を見ては1人で企画、設計、デザイン、開発までを1人で行いました。 ちゃんと計算したわけではないですが、トータルでかかった工数は2,3ヶ月くらいではないかと思います。 私自身が個人でいくつかアプリを開発してリリースしてそれなりの売上を上げて
ハンバーガーメニューはもう古い！代わりに使えるモバイル用ナビメニュー5つまとめ
ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。（この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。） 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す
Webデザインのアイデアに困ったら覗きたいサイト10選
この記事では、インスピレーションを与えてくれる、Webデザインの参考になるサイトを紹介します。 サイト全体のデザインやレスポンシブデザインに特化したサイト、サイトパーツ、ロゴ、アイコン、バナーなどを収集して紹介しているサイトなど10サイト厳選しました。あなたのWeb制作の刺激になること間違いなしです。 1. MUUUUU.ORG クオリティが高く、縦に長いサイトを収集しているギャラリーサイトです。サイト自体シンプルで使いやすく、またカテゴリー分けが詳細でとても探しやすいサイトです。 2. 現代デザイン 技術的、デザイン性がすぐれたサイトを収集したギャラリーサイトです。カテゴリーは業種と色、日時のみですが、業種を細かく分類しています。また、気に入ったサイトをブックマークに入れることができます。 3. I/O 3000 国内外問わない、秀逸なデザインのサイトを収集しているギャラリーサイト
位置情報を偽装して、その場所にいなくてもその場所のモバイル検索結果をPCのChromeで調べる方法
[レベル: 中〜上級] この記事では、Google Chromeを使って位置情報をエミュレートする方法、言い換えれば任意の場所に設定する方法を解説します。 位置情報を偽装することで、実際にその場所にいなくてもその場所で検索したときの（モバイル）検索結果を調べることが可能になります。 Google Chromeで位置情報をエミュレートする手順 まず次のいずれかの操作で、デベロッパーツールを起動します。 [Google Chromeの設定]（右上の3本バー） − [その他のツール] − [デベロッパー ツール] Ctrl + Shift + i (Windows) / Cmd + Opt + i (Mac) 標準では、ウィンドウの右にデベロッパーツールが出現します。 ツールを下に移動します。 その方が見やすいからです。 ウィンドウっぽい四角のアイコンをクリックします。 ツールが下に移動します。
Chrome で今見ている Web サイトでどのような技術が使われているのかを調べる拡張機能 BuiltWith Technology Profiler
Web 開発者の方であれば今開いている Web ページにどのような技術が利用されているのか気になる事がありますよね。ソースを表示したり Developer Tools を起動したりして調べるのも良いですがさくっと確認するだけであれば BuiltWith Technology Profiler という拡張機能を利用するのが便利です。 この拡張機能を入れるとメニューバー上にアイコンが表示されるので、調べたい Web ページを開いてアイコンをクリックするだけです。 例えばこのブログだと上記のような感じに表示されます。 かなーり縦に長いので文字で書きますが以下のような情報を取得しています。 Web サーバの種類, バージョン ネームサーバ ホスティングしているサーバ CMS の種類, バージョン 使用しているフレームワーク 広告の種類 ユーザ統計情報(Google Analytics 等) Jav
アニメの名言を簡単に引用できるChrome extension『Kotoha』作りました - Konifar's WIP
思いついた勢いのままに Chrome extension『Kotoha』を作って公開しました。 chrome.google.com コードもGitHubに公開してます。 勢いのままに作ったと言いましたが、Javascript触るの久しぶりな上に初めてのChrome extension開発ということで、 実質15〜6時間くらいかかりました。 完全に俺得Extensionなんですが、せっかく作ったので何を考えてたのかまとめておこうと思います。 知らぬ間にGIGAZINEにも紹介されていました。圧倒的感謝。 gigazine.net どんなExtensionか イケてるアニメの名言を簡単に引用できるようになるExtensionです。 名言をキーワードで探せます。 作品タイトルやキャラクター名でも探せます。 名言はアドレスバーの隣のアイコンから登録できます。 詳細はREADMEに全部書いてあるので
100種以上の3Dプリンターから好みの機種を簡単に探し出せそのままポチることができる「3D Printer Comparison Chart」
家を爆速で建てたり、複雑な立体形状のチョコレートを作ったり、爆速での回復力を発揮できるギプスが開発されたりと3Dプリンターの活用範囲は広がり続けており、「そろそろ1台買ってみたいなあ」と思っていても、あまりにも多くの機種があふれていて一体どんなモデルを買えばよいのか探し出すのは非常に難しい状況です。スマートフォンやノートPCをチャートで分かりやすく検索できるサービス「Gnod Product Comparison Maps」に、3Dプリンターを検索できる「3D Printer Comparison Chart」が追加されたので、自分にぴったりの3Dプリンターを探しだすべく、さっそく使ってみました。 3D Printer Comparison Chart http://www.productchart.com/3d_printers/ これが「3D Printer Comparison Ch
アメトーークの「iPhone使いこなせてない芸人」で登場した19個の技まとめ！ – 和洋風KAI
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 ①iPhoneの言語設定を日本語に戻す方法。 Settingsをタップし、Generalをタップ、Language & Regionをタップして、iPhone Languageをタップして、日本語をタップし、Doneボタンをタップして、Change to Japaneseをタップすれば日本語に戻ります。 ②マップを航空写真の3D表示に切り替える方法。（Flyover） ①マップアプリを起動し、右下のiボタンをタップ。 ②航空写真をタップ。 ③もう一回iボタンをタップし、3Dマップを表示をタップすれば完了。 ③マップで目的地に行く方法。 ①マップアプリを起動し、行きたい目的地を名前もしくは住所で検索します。 ②目的地が出てきたら、目的地に出てくる吹き出し
Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト
タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) ＜前へ 次へ＞(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308
【YouTube】チャンネルアートをつくったら・・・なんか変だったので考えてみた | 沖本雅和 公式ブログ
YouTubeのチャンネルを開くと、上の方にアイコンと背景画像が表示されるんですけど、 この背景画像を「チャンネルアート」と呼びます。 この画像は 横2560ドット×縦1440ドット というサイズで作ることをYouTubeでは推奨しているのですけど、このサイズって結構大きいですよね。 この理由は、YouTubeのヘルプの チャンネルアートガイドライン に書かれているんですが、テレビやパソコンなどの 機器の区別なくきれいな表示に対応するためのものだということです。 ガイドラインでは、テンプレートとして、下のようにサイズを表しています。 ●テレビエリア（TV) 横 2560 × 縦 1440ドット ●タブレットエリア（Tablet) 横 1855× 縦 423ドット ●PC最大幅エリア（Desktop Max) 横 1546× 縦423ドット ●テキスト＆ロゴセーフエリア 横1546 × 縦4
なんでもっと早く使わなかったんだと後悔したChrome拡張５つ（ブロガーとして）
今回はChromeExtensionを５つのご紹介。正確には以前に１個紹介しているので４つかな。 たった4つかというのもありますが、あんまり拡張するのが好きではないのもあり、入れてもすぐ消す癖があって、本当に便利なもの、もしくはよく使うものしか基本的に追加してません。ただこれ、「職業ブロガー」っていうところに恐らく焦点が合わさっていますので、さきにご了承願います！ 以前書いた記事でもそうなんですけど、かなり消してますね・・・ 私が厳選して愛用するGoogleChromeエクステンション12個＋消した奴36個 是非まだ入れてないって人は使ってみてください。 使えば使うほど味が出る超便利エクステンション とりあえず今回紹介する4つはこちら。 他のやつはド定番なので紹介の必要が無いかと判断したりなんだりです。 １）ato-ichinen ダウンロード とりあえず「１」と書かれたアイコン。押してお
いざというときに便利そうな、ちょっと変わった珍しいアイコンセット - NxWorld
汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。
高品質なアイコンを無料でダウンロード！商用利用可能な素材サイトまとめ | LISKUL
WEB制作やブログ、プレゼン資料などで、イメージをより直感的に伝えられるイラストやアイコンが欲しいけれど、探すのが面倒なんだよな・・・と思うこと、ありますよね。 今回は、WEB制作やブログ、プレゼン、広告、チラシなど、さまざまなシーンで大活躍間違いなしの、アイコン・イラスト・ピクトグラムの画像、ベクター素材をご紹介します。 全てフリーで、商用利用可能です。 こちらを活用すれば、より豊かな資料作成が無料でできるでしょう。 また、この記事は無料でPDFとしてダウンロードも可能です。写真のフリー素材を探す際にお手元に置いておくのがおすすめです。 【PDF】高クオリティ！商用利用OKのアイコン、イラスト無料(フリー)素材まとめ>>無料ダウンロード 【厳選5サイト】 ビジネスからブログまで幅広く使える無料アイコン・イラスト・ピクトグラム素材がいっぱい！私が普段利用していて便利だな、と思うサイトを5つ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flipsblog.jp
新着記事