無料で使えるかわいい8bitデザインのファミコン風CSSフレームワーク「NES.css」
ファミコン風デザインのウェブサイトを簡単に作れる無料CSSフレームワークが「NES.css」です。NES.cssはさくらインターネットのダーシノ氏が開発を行っており、ボタンや入力フォームといった基本的な要素から、SNSやキャラクターのアイコンまで用意されています。 NES.css - NES-style CSS Framework https://nostalgic-css.github.io/NES.css/# nostalgic-css/NES.css: NES-style CSS Framework | ファミコン風CSSフレームワーク https://github.com/nostalgic-css/NES.css ファミコン風CSSフレームワーク「NES.css」をリリースしました | Black Everyday Company https://kuroeveryday.blo
AWS シンプルアイコン - AWS アーキテクチャーセンター | AWS
アーキテクチャダイアグラムは、設計、デプロイ、トポロジーを伝達する手段として優れています。 このページでは、ダイアグラムの構築に役立つ Amazon Web Services (AWS) 製品のアイコン、リソース、およびツールを提供しています。AWS では、お客様やパートナーがこれらのツールキットやアセットを使用してアーキテクチャ図を作成できるようにしています。 AWS アーキテクチャアイコンはシンプルに設計されているため、ダイアグラム内で簡単に使用できます。ホワイトペーパー、プレゼンテーション、データシート、ポスターなどの資料にアイコンを使用することも可能です。 ダイアグラムは、サードパーティーツール上の既存のライブラリを使用して構築できます。ライブラリにはレガシーアイコンセットが含まれているものもあるため、最新のアイコンを使用していることを確認してください。
【完全版】Font Awesomeの使い方 | アイコンをWebフォントで表示
※こちらの記事は「Font Awesome」のバージョン4.0.3をもとに書かれています。バージョンアップにより内容が変更されている場合もありますので、その際は公式サイトを確認してください。 目次「Font Awesome」とは「Font Awesome」の初期設定「Font Awesome」の使い方①「font-awesome.min.css」を参照②アイコンフォントの確認③アイコンフォントを表示④サイズ設定⑤色設定⑥リスト設定⑦同じ幅に設定⑧回転アニメーション設定⑨角度設定⑩反転設定⑪ボーダー設定⑫回り込み設定⑬複数のアイコンを重ねて表示独自でアイコンフォントのクラスを設定する方法アイコンフォントギャラリーまとめ 「Font Awesome」とは「Font Awesome」とは、Web上でよく利用されるアイコンを画像ではなく文字として表示できるフォントセットにしたものです。利用頻度の高
マイクロソフトが提供しているアイコンセットまとめ – プログラミング生放送
マイクロソフトが提供しているプレゼンやアプリなどに使えるアイコンを、知っている範囲で最近のものをまとめました。 Cloud and Enterprise Symbol/Icon set Cloud and Enterprise Symbol/Icon set は、UX グループが Azure 向けに作成した200個以上のアイコンセットです。PNG 画像と Visio ステンシルがダウンロードできます。 新サービスのリリース時と四半期ごとに更新が予定されているようです（現在は、4月に更新された Ver. 2.22）。アンケートやメールでのフィードバックも受け付けています。 基本は、Azure 関連のアイコンですが、一般的なアイコンも含まれています。資料作成などの用途に広く使えます。 You can use them in architecture diagrams, training mat
WEBサービスを利用して透過・マルチなファビコンを作成する方法
中の人5です。こんにちは。 ごくたまにfavicon（ファビコン）の作成を依頼されるのですが、作成する度に調べ直しているので今回は備忘録を兼ねてファビコン（マルチアイコン）について記載したいと思います。 1つのサイズでファビコンを作成する方法はいくつも紹介されているのですが、今回は透過で且つ複数のサイズ対応したマルチアイコンが作成出来るWEBサービスに絞ってご紹介していきます。 favicon（ファビコン）とは 画像はIE11 ブラウザに表示されるURLの前またはタブに付いているアイコンがfavicon（Favorite iconの略）になります。その他「お気に入り」に入れた際にも表示される等様々な場所で表示され、WEBサイトの識別に役立ちます。 最近ではGIFやPNGもサポートされているブラウザが増えていますがIEではICO形式のみが対応となっている為、「ICO形式」で作成するのが一般的
ファビコン（favicon）とは？代表的なサイズと基本の作成方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ファビコンはサイト閲覧時のタブ以外にも、多くの場所で使われていることがわかります。 また、上記以外にも検索結果画面にも表示されるため、そのサイトを表す適切なアイコンを設定するようにしましょう。 作成時のサイズは512px × 512pxのみでOK これだけサイズがあると、全て用意するのかと不安になってしまいますが、WordPress4.3以降のバージョンであれば512px × 512pxのPNG形式ファイルを作成すれば全てに対応してくれるようになりました。 複数作成する必要はないので安心してください。 WordPress以外の場合 WordPressを利用しておらず上記のような自動適用の機能がない場合、またはWordPressが4.3以前のバージョンの場合は、各サイズのアイコンを用意する必要があります。 各ブラウザのファビコン表示サイズは先ほどの表の通り16px × 16px が一般的です
200種類の汎用性に優れたSVGアイコンとその使い方が勉強になる！新しいデザインに役立つUIコンポーネント素材 -WPF UI
今までとは一味違う新しいデザインを組み立てるのに役立つ、美しくデザインされたUIコンポーネント素材を紹介します。アイコンを得意としているクリエイターの制作なので、汎用性に優れたアイコンが素材に含まれているだけでなく、その使い方にも注目です。 素材は商用無料で、ライセンスは良い子だけが使える「Good Boy License」。 手を洗わない子は使っちゃダメ！ WPF UI Framework WPF UI Framework -GitHub ダウンロードできる素材のフォーマットは、2種類。 .psd (Photoshop用) .sketch (Sketch用) アイコンは、200個の.svgファイルで含まれています。 コンポーネントにはWindows 8をテーマにしたさまざまなものが揃っています。 200種類のSVGアイコン オフキャンバス メニュー ソート機能付きのグリッド ツールバー
トータル56,000円以上の有料フォントやグラフィック素材が無料でダウンロードできます！
先日、Twitter（@colisscom）でお知らせしたプレゼント！ InkyDealsさんとコリスの初コラボ、日本では初かな、という訳で、コリスのビジター全員にトータル56,000円以上（$558分）の有料フォントやグラフィック素材が無料でダウンロードできます！ ※$558はこれを書いている現在、日本円で56,643円です。 ダウンロードできる素材には、計471のリソースが入っています！ ↑のキャプチャにあるように、フォント、テクスチャ、インフォグラフィック、アイコン、バッジ、WordPressのテーマ、モックアップ、Photoshopのアクションなど、さまざまなものが揃っています。 ライセンスは基本的には全て、個人でも商用でも無料で利用でき、販売や再配布は禁止です。ご利用時には個々のライセンスをご確認ください。 素材の詳しい紹介は後にして、まずはダウンロード方法から紹介します。 下記
保存アイコン＝フロッピーディスクの時代は終わった…？ | Goodpatch Blog
まずはアイコン素材配布サイトから。 今は無料で使えるアイコン素材配布サイトが多いので、ここからダウンロードしてデザインする時に使う人も多いのではないでしょうか。まずはそのアイコン素材配布サイトで”save”と検索した結果を見てきます。 iconmonstr http://iconmonstr.com/ 以前にもMEMOPATCHで紹介した事のあるサイトです。ここはフロッピーディスクもありますがクラウドっぽいアイコンや下向き矢印のアイコンもありますね。 softicons http://www.softicons.com/ こちらはほとんどフロッピーディスクのアイコンです。しかも立体的なアイコンが多いです。 iconfinder http://www.iconfinder.com/ こちらもフロッピーディスクのアイコンが多いですが、下矢印やチェックマークもあります。 次に有名なサービスやアプ
無料で商用利用も可能な約1万5000種類のAndroid用アイコンセット「Android icons」
AndroidOS用のシンプルなアイコン約1万5000種類が無料で使え、商用利用も可能なのが、アイコンセットがダウンロードできるWebサイトiconShockの「Android icons」です。 Android icons http://www.iconshock.com/android-icons/?prd=affcomm63789 アイコンには「Dialog」「Hi-res App icon」「launcher」「Menu」「Status」「List」「Tab」など、バージョンの異なる7種類のファイルがありますが、無料でダウンロードできるのは「Dialog」と「Menu」。アイコンはPNG形式で、サイズは「Dialog」が24×24、32×32、48×48、「Menu」が36×36、48×48、72×72と、ファイルごとに3サイズずつ用意されています。 以下のようにアイコン同士を組み
ConvertIcon!
ConvertIcon Image to ICO Converter Convert GIF, PNG, Webp, JPG, BMP, HEIC image file to .ICO file image format: What is ICON (FAVICON) and how to convert it? When building a site, many of us overlook one small finishing touch that can make a big difference: the favicon. These small additions to your web design have a much bigger impact than their actual size. Therefore, do not underestimate their
Androidアイコンジェネレータ
ガイドラインに沿ったアイコンを簡単に作成できるツールです。 「ファイルを選択...」から、白黒画像ファイルを選択してください。 Androidのアイコンを作るときには、公式で決められた、アイコンのデザインガイドラインに従う必要があります。 そのガイドラインでは、グラデーションの色や、影の付け方などが細かく決まっていて、普通に作ろうとすると結構大変です。 そこで、このツールを使えば、ペイントソフトで描いた白黒画像を選択するだけで、アイコンを生成してくれて、とても簡単。 アプリ開発はもちろん、モックの作成にも使えます。
リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
もじまる
ココナラ - プロが集まる日本最大級のスキルマーケット
Icons | Font Awesome
GitHub - Sabara/ingressmap: Ingress Damage Reports Map
ushigyunet｜iPhoneからゲームやグルメまで、ひたすら詳しくレビューするブログ
PNG Icons & Icon Packs Download | IconsPedia
Microsoft、「Office」「Visual Studio」のアイコン画像を収録した素材集を無償公開