日本のブログでよく利用されているWEBサービスロゴのアイコンフォントまとめと利用方法
WEBサービスのアイコンフォントについて ウェブアイコンフォントと言えば現時点ではFont Awesomeが最も使われています。 Font Awesomeには、多数のウェブアイコンフォントがあり使い勝手もとても良いです。WEBサービスのロゴアイコンも多数揃っています。 ただ、Font Awesomeは海外で制作されていることもあり、海外でよく利用されているWEBサービスロゴしかありません。 例えば、Twitter、Facebook、Google＋、YouTube、Tumblrなどはあるのですが、feedly、はてブ、ポケット、LINEなど日本のブログ界隈でよく利用されているWEBサービスのロゴはありません。 こういうのは、自前でウェブアイコンフォントを作るしかありません。 僕も以前feedlyのアイコンフォントがなかったので以下のように作成しました。
ロリポップでOpenPNE！（無料でSNS構築）
現在、ミクシィ（mixi）やグリー（GREE）など、ソーシャル・ネットワーキング・サービス・サイトが非常に話題になっています。 しかし、これらのＳＮＳサイトはあまりにも有名になり会員数が増えすぎたため、何気なく書いたことが大問題になってしまったり、見られたくない人に情報が見られてしまったり、といった事件が発生するなど、困った事態も少なくないようです。 そこで、最近はより狭い範囲で使えるＳＮＳ、専門的な分野に絞ったＳＮＳシステムが求められるようになりました。 会社内で情報を共有するための社内ＳＮＳ、 離れたところに住む家族が情報を共有するための家族内ＳＮＳ、 クラブ活動や趣味友達だけで使う趣味仲間・友人間ＳＮＳ、 そして特定の分野専門の専門ＳＮＳ。 こういった狭い範囲の中で使うソーシャル・ネットワーキング・サービスを持ちたい、専門分野に特化したソーシャル・ネットワーキング・サービスサイトを構
パッとWebデザインのカラーを抽出して可視化してくれるウェブサイトの「配色」解析ツール
Web Colour Data URLを入力するだけ。ね、簡単でしょう？ どの色をどれくらいの割合で使っているのかんかを手軽に確認出来ます。 こちらと合わせて読みたいところですね。 カテゴリー別配色アイデア100 | Webクリエイターボックス配色センスが全くない？それならマテリアルパレットをちょっと使ってみて？ | Flips Blog Web担の小技 ちなみに解析は無料でできますが、解析するとNew！のところにばっちりサイトが出ますので、そのへんだけご理解の上ご利用を。 配色解析ツール ウェブデザインデータ http://webcolourdata.com/ それでは、また。
これは手軽で楽しい！文字をかわいくリボン状にくるくるっと配置できるオンラインサービス -Texter
文字のサイズに強弱をつけて大声や小声のように配置したり、リボン状にくるくるっと配置したり、文字をかわいく、そして楽しく配置できる無料のオンラインサービスを紹介します。 PhotoshopやIllustratorなど、特別なソフトウェアがなくても手軽に作れちゃうのはいいですね。
簡単便利！サクッとモックアップが作れる便利ツール10選
この記事は2016年11月14日に更新しました。 客先でプレゼンする際に、イメージ画像を入れるだけでは魅力が伝わりにくいと感じるときはないでしょうか？ 例えば、アプリやWeb制作の場合なら、完成形に近いビジュアルを見てもらう方が見栄えがいいですし、イメージしやすくなります。 そんな時に活用したいのが、完成形に近いイメージ像を簡単に作成してくれるモックアップ作成ツールです。 今回は、オススメしたいモックアップ作成ツール10種をご紹介します。とにかく簡単に使うことができますので、お客様や社内のメンバーに完成イメージを伝える必要がある際は、活用してみましょう。 モックアップとは モックアップとは、本物に似せた模型のことです。 例えば、携帯ショップに行くとよく製品の大きさやデザインの確認をするためのプラスチック製の実際には使えない模型を見かけます。それがモックアップです。 一般的に、工業製品のプロ
作品発表の前にチェックしたい、類似デザインを探せる検索サービス - MdN Design Interactive
2015年8月4日 TEXT：佐藤 勝 2020年東京オリンピックのエンブレムについて、ベルギーのデザイナーが「自分のデザインの盗作だ」として訴え、インターネットやマスコミで連日取り上げられる騒動となってしまった。その真相はどうあれ、多くの人が「発表する前にちゃんと調べておけば良かったのでは…」と感じた人も多いはずだ。 そこで、こうしたトラブルや炎上を未然に防ぐための手段の一つとして、自分の作品に似た画像がないかどうかを簡単に調べられるWebサービスをまとめてみた。 独自の画像照合エンジンや色認識エンジンを搭載。自分のPC内の画像ファイルをアップロードして検索できるほか、画像URLを直接入力しても検索できる（ファイルアップロードの場合、ファイル容量1MBまでに制限される）。ChromeやFirefox、Internet Explorerなどの主要ブラウザに対応するプラグインも提供。ブラウザ
フリー素材を必要なサイズにきっかりとトリミングしてダウンロードできるUnsplash
どこかにきっと需要がある。 という気持ちで書いています。 現在700点以上のフリー素材を抱える「Unsplash」ですが、写真のクオリティも非常に高く人気です。 このサービスのさらに優れたポイントは、指定したサイズにきっちりトリミングして提供してくれるという一風変わった点です。 つまり、フリー写真素材とトリミングやリサイズ可能なウェブサービスとのコラボ的サイトなわけです。 ダウンロード後すぐに使える、そんなサービス ひとまず選べる素材のクオリティもまた良い物が揃っています。 Unsplash It - Images はい。 画像をクリックするとそのまま直接大きな画像をダウンロードすることが出来ます。 ここまでは普通なんですが・・・。 リサイズ画像 とりあえずふってある番号を覚えておきましょう。 656番あたり。 では次にこのように、横サイズ/縦サイズ?image=番号といった具合にURLを
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
Facebook カバー写真やコラージュが簡単に作れる無料ツール FotoJet の使い方 - Naifix
Facebook カバー写真を簡単に作りたいなら、無料オンラインツール「FotoJet 」がおすすめです。 テンプレートからベースを選んでテキストを編集するだけ。さらに、このツールはアカウントを作成しなくても使えます（有料版にする場合はアカウントが必要）。 コラージュ画像なども簡単に作れるので、ぜひ試してみてください。使い方を解説していきます。 Facebook カバー写真のサイズ・画像形式 Facebook カバー写真の最適なサイズ・形式について、ヘルプページに記載されています。 幅851ピクセルx高さ315ピクセルで、100キロバイト未満のsRGB JPGファイルだと読み込み時間が短くなります。 ロゴやテキストを含むプロフィール写真やカバー写真には、PNGファイルを使用すると、より良い結果を得ることができます。 ページのプロフィール写真とカバー写真のサイズ | Facebookヘルプ
BASEのリアルな評判は？個人でネットショップを作って確かめてみた
ネットショップを開きたいけど…… 予算や難易度でお悩みのアナタへ。 【特集】以下の方法なら誰でもネットショップを持てます。 無料・簡単ネットショップ作成 個人でネットショップを始める方法として「BASE」でお悩みのあなたへ 確かに評判通り以下の点でBASEはおすすめです。 安い（初期費用無用／月額無料で利用可） 簡単（PC初心者でもその日のうちにショップを開設可） 機能が多い（無料プランでも「できること」がたくさん） でも、他にも似たようなサービスがたくさん存在しますし、 BASE自体にも複数プランがあったりと、「どのサービスのどのプランにすればいいか」すぐには決められません。 そこで今回は実際にBASEを使ってみた上で、BASEのメリットとデメリットを深掘りしてみました。
UIデザインを作成するとき、“実際のデータ”を意識しなければならない理由 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。Pooleチームのデザイナー、�コーリーです。 先日デザインをしているときに、“UIデザインとデータの関係”が気になりました。 皆さんは、新しいサービスのUIデザインを作成する際、どんなユーザデータを使用していますか？ 仮想のデータを入力していると、想定外のことが起きたときに対処できなくなるかもしれません。 そこで今回は、UIデザインを作成する際に実際のデータを意識しなければならない理由と、データを使用するために便利なツールをご紹介したいと思います。 “実際のデータ”を意識すべき理由 データの値によってデザインが崩れることは多々あります。 例えば先日、メンバーページのUIデザインが一瞬崩れたのですが、原因はメンバーの1人である「野田クラクションベベー」の名前が長すぎたことでした。 このように、SketchやPhotoshopなどでせっかく綺麗なデザインを作っても、実際のデータと
美しいグラデーションをCSSで実装！配色に使える便利ツールや実例も！
2020年5月18日 CSS, Webデザイン, 便利ツール 背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ ↑私が10年以上利用している会計ソフト！ CSSでグラデーションを実装 グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleフォントで好みのフォントを見つけるのはなかなか大変だけど、これを利用すると簡単に探せる！ -Font Library
http://www.tarappism.com/entry/table-generator
SiteOrigin Background Generator
AniCollection - The easiest way to find, use and share CSS3 animations.
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
テキストマイニング 無料ツール by ユーザーローカル
クラウド受発注ツール「COREC(コレック)」
Open Graph Config Tool