webサイト上でアイコンを使いたいとき、みなさんはどんな方法で表現しますか？私はもっぱらアイコンwebフォントの「Font Awesome」を使用しています。 設置が簡単で楽しいので、アイコンを必要以上に使ってしまい、結果アイコンだらけの微妙なデザインになる…

「ウェブアクセシビリティ」はやさしさのかたまり ウェブアクセシビリティとは、簡単に言うと「より多くの利用者が、より多くの場面で、より多くの使い方を選べるようにすること」です。すなわち、どんな利用者にとっても使いやすいサイトにする「やさしさ」…

マイナーなものを含めると無料でホームページが作れるサービス自体はたくさんありますが、サービスが終わってしまっては元も子もありません。ある程度知名度がありユーザ数も多く、且つクオリティの高いサービスを4つほどご紹介します。 Wix http://ja.wix.c…

ちょっと前にヤフオクからアナウンスがありましたが、出品時の落札システム利用料が上がるみたいですね。簡単に言うと、 ・落札システム利用料：5.40％（税込）→8.64％（税込） ・対象範囲：落札金額が1000円以上（※）→625円以上（※） ※対象範囲以下は54円で…

本格的なネットショップが簡単に無料で作れるサービスを一挙ご紹介。掲載できる商品点数や決済方法などそれぞれ特徴があるので目的に合ったものをチョイスしましょう。無料なので、片っ端からためしてみるのもアリかもしれません。 Yahoo!ショッピング http:…

幅は500pxにしたいけど、手持ちの画像は中途半端なサイズで計算が面倒。そんな時に役立つwebサービスです。 http://autoresize.x0.com/ 「現在のサイズを指定」部分にリサイズ前の画像サイズを入力。その後「リサイズ後のサイズを指定」部分に縦か横のどちら…

東京オリンピックのタイポグラフィを使ったwebサービスを発見したのでご紹介。ロゴの盗用問題で「パクってない」ことの証明として佐野研二郎が公表したタイポグラフィですが、これを使って自分の好きな文字を作れちゃうのが「TOKYO2020 Generator」です。作…

昔修学旅行で京都で見た記憶がありますが、今はネット通販で色々買えるので、今僕の中で密かなマイブームとなっています。そんな奥深きパロディTシャツの世界を少しご紹介したいと思います。 ST◯◯WARS 戦争はよくないですね。 アン◯ン◯ン 絶対誰も救えません…

欧文のフリーフォントは多いですが、文字数の多い日本語のフリーフォントはなかなか探すのが大変ですね。そこで、私がよくお世話になるクオリティの高い和文フォントをまとめてみました。 ロゴたいぷゴシック 配布元サイト：http://www.fontna.com/blog/1226…

時間短縮や効率化に、あると便利なベクター素材の配布サイトをまとめてみました。 シルエットデザイン http://kage-design.com/wp/ 人物、動物、建物などのシルエット素材や、よく使うマークなんかのベクター素材が揃っています。私もいつもお世話になってま…

東京オリンピックのロゴを巡る騒動を受けて、気になったので調べてみました。意外とあるある。っていうか東京オリンピックの問題が霞んで見えます。本当はもっとたくさんあったのですが、今回は皆さんもよく知っている有名な企業に絞ってみました。 明治 VS …

いちいち探すのがとても億劫なので一覧にまとめました。 google http://deployment-ja.googleapps.com/Home/user-resources/google-icons-and-logos google+ https://developers.google.com/+/branding-guidelines Android http://developer.android.com/dis…

http://at.line.me/jp/ あのLINEを使って無料で販促活動ができるビジネス向けのサービスです。カフェやケーキ屋さんなど実店舗型のビジネスからネットショップなどの非店舗型のビジネスまで、幅広い業種で利用可能です。 メッセージ機能で情報を一斉配信でき…

無料ホームページテンプレート.com http://f-tpl.com/ コーポレートサイトなどに最適なシンプルなデザインのものが豊富。2,980円でクレジット表記を外すことができます。 Template Party http://template-party.com/ ビジネス向けや店舗向け、個人サイト向け…

これです。chromeをお使いの方は一度は見たことがあるんじゃないでしょうか。インターネット接続ができない時に表示される恐竜の画面です。実はこれ、マリオとかチャリ走みたいな横スクロールのジャンプゲームができるんです。Shiftを押すと開始です。 shift…

http://www.favicon.cc/ ロゴなどの画像データからファビコンを自動作成してるジェネレータです。右のメニュー内「Import Image」から画像をアップロードできます。 基本的に比率は変えないと思いますので「Keep dimensions」でOKです。Uploadすると できま…

https://www.change.org/ 不満はあるけど一人じゃ何もできない。そもそも何から始めたらいいかわからない。そんな風に思ったことってありませんか？change.orgはそんな一人ひとりの声で社会を動かす、インターネット署名のサイトです。発起人が立てたトピッ…

http://www.hakusyu.com/webmtm/ 見積作成の時などに使用したりする認印の画像を作成してくれるジェネレータです。名字を入力しフォント、大きさ、色を選んで「作成」ボタンで作成できます。ポップアップで別ウインドウに画像が表示されるので右クリックで保…

http://dummyimage.com/ 意外と面倒くさいダミー画像の作成が簡単にできるwebサービスです。 Size：背景画像 Background Color：背景画像 Foreground Color：文字色 Format：画像形式（png,jpeg,gif） を設定し、自動生成された画像を右クリックで保存できま…

http://type.method.ac/ 意外とうまくいかないことも多いカーニング。ロゴなんか作ってる時もどの位置がベストか悩むことが多いです。 「KERNTYPE」ではゲーム感覚で楽しみながらトレーニングすることができます。 全10問で1問1答で採点されます。移動したい…

https://tinypng.com/ pngとjpegの画像を軽量化してくれます。 パンダさんの横の点線の枠の中にドラッグ＆ドロップで圧縮開始です。 69％の圧縮に成功しました。パンダも心なしか嬉しそうです。 軽量化した画像は緑色のバー横の「download」からダウンロード…

http://www.irasutoya.com/ このタッチ、どこかで見たことありませんか？ イラストの可愛さはもちろん、色々な業界で使える汎用性の高さから様々なサイトややチラシなどで幅広く利用されています。 例えば、医療業界の場合はこんな感じ。結構ニッチなイラス…

https://minne.com/ 自分で作った作品をマーケットで販売することができます。 イラストレーターやクリエーターから手先が器用な主婦の方まで幅広い方が活躍しています。空いた時間でお小遣い稼ぎにいいかもしれません。 下記ページから登録できます。

https://pixabay.com/ 著作権や知的財産権の帰属問題で頭を悩ませることなく、商用でも使用できる、パブリックドメインの写真素材を検索できます。 クオリティの高い写真も数多くあるので結構重宝しています。

https://archive.org/web/ 見たいサイトのURLを入力すると、そのサイトの過去のページを見ることができます。上部の検索窓にURLを入力→「BROWSE HISTORY」でアーカイブを見ることができます。 2000年のYahoo!japanを覗いてみましょう。 青く色が付いていると…

http://smallpdf.com/jp/unlock-pdf 編集できないようにロックがかかっているPDFのパスワードを解除してくれるwebサービスです。どうしても必要なときには重宝しますね。もちろん、悪用厳禁です。 ファイルを点線部分にドラッグ＆ドロップで使用できます。

http://mergely.com/ htmlやcssなどのコードの差分をブラウザ上でチェックできます。右上の「online diff」はそのままブラウザ上で使用でき、「download」からダウンロードすればローカル環境でもチェックができます。 右のコードには左の赤い部分がありませ…