Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Monthly Archives: 9月 2016

[iPhone 7] MVNO回線移行のための試算表作りました

  • Pocket
  • このエントリーをはてなブックマークに追加

さぁ発表されましたiPhone 7。今回はどちらかというとビッグマイナーチェンジって感じですけど、基本的に偶数年にあいぽん買い換える自分は買うつもりです。で、このタイミングでMVNO回線に移行しようとしてる人って結構多いと思うので、Googleスプレッドシートで試算表を作りました。1ヶ月あたりの通信費に今使ってる回線費用とMVNOのプランを入力して、欲しいiPhoneの値段を選べば、2年を通して支払う総額が出るようになっています。あと必要に応じて下取り金額は調整してください。自分はmineo回線使おうと思ってるのですが、今のままau回線+機種変ナシの状態と、AppleからSIMフリー機買ってMVNOで2年運用するのとであまり変わらない金額になりました。
表内にはすでにいくつか数値が入っていますが、今持ってる機種やMVNOの会社やプラン、今のキャリアなどの条件によって色々変わると思うので、そこは各々調整してください。スプレッドシート内のメニュー、「ファイル>コピーを作成」から自分のGoogle Driveにコピーしてお使いください。

[Typography] Typography Cheatsheet – あの文字どうやって出すの?って時に便利なチートシート

  • Pocket
  • このエントリーをはてなブックマークに追加

文字入力してる時に「あの文字どうやって入力するの?」ってなる事、たまにありますよね。記号とかちょっと変わった文字とか、ウムラウト付きのアレとか。そんな時に便利なチートシートです。入力したいだけならコピペして使えますし、何度も入力するならキーストロークも知る事ができます。マルCとかマルR、あとTMマークとか通貨記号なんか頻度高そうです。ちなみにMacユーザーなら好んで使いたい「」アップルマークは、「Shift + Option + k」で入力できます。これ豆な。

[Game] GraphicGraphics – ゲームのUIやコンセプトアートを紹介するブログ

  • Pocket
  • このエントリーをはてなブックマークに追加

ゲームのUIやオープニングムービー、コンセプトアート、ロゴデザインなどを紹介するTumblrブログ。デザイナーの目線でビデオゲームを見てるので、ゲームデザインやグラフィックデザインの参考になります。好きなゲームのコンセプトアートにハァハァできるタイプの人なんかにもオススメ。The Last of Usのこのアートワークとか、鼻血5リットル噴射するくらいかっこいいです。ちなみに俺はフロントミッションのヴァンツァーデザインとか見てるだけで超ハァハァします。Evolvedで大コケして以来音沙汰無いですけどね・・・。

[Javascript] Granim.js – グラデーションのアニメーションJS

  • Pocket
  • このエントリーをはてなブックマークに追加

グラデーションのアニメーションってなんか変な日本語っぽいですね。イケませんね。けどまぁアレです、動くグラデーションを描画できるJSです。ただのグラデーションだけでなく、イメージと組み合わせたもの、マスクを使ったもの、クリックでグラデーションを変更できるものなど色々あります。けどグラデをアニメーションさせるだけ、というならPure CSSでもできるんですよね。なのでちょっと手の込んだ事をしたい場合とかにイイかもしれません。

[Javascript] Textures.js – マンガのトーンっぽいテクスチャを描画できるJS

  • Pocket
  • このエントリーをはてなブックマークに追加

マンガで使われるトーンのような印象のテクスチャを描画できるJS。テクスチャの種類は、ストライプ、ドット、網目、波、スクエアなど色々あり、自分で作る事もできるようです。ダウンロードはこちらから。画像ファイルを使わずに描画するため、サイズを増やさずに装飾できるのがとってもナイス。

[Web Design] Use Cases for Fixed Backgrounds in CSS – 固定背景の使い方色々

  • Pocket
  • このエントリーをはてなブックマークに追加

CSSで背景を固定した演出方法が色々と紹介されています。背景固定って早い話が「background-attachment: fixed;」なんですが、例えばvh単位を使った縦幅いっぱいにスライド形式で見せる方法や、ヘッダの大きめビジュアルだけ固定した印象的な見せ方、フィルタやマスクを使った変則的な背景演出など、Webでよく使われる手法がCodepenを使って紹介されています。スクロール芸のネタ帳としてなかなかナイスなまとめ記事。

[Software] Svgsus – SVGファイルの管理・コンバートツール

  • Pocket
  • このエントリーをはてなブックマークに追加

SVGファイルを管理でき、かつCAShapeLayerでの書き出しまでできるMac用アプリケーション。デザイナー属性の人にとっては前者の管理ツールとしての使用がメインになるかと思います。できる事はあらかじめプリセットされているMaterial Designアイコンファイルの検索、新規SVGファイルの登録(フォルダ単位で放り込めばSVGセットとしてまとめる事もできます)、そして管理されたSVGファイルとベクターグラフィックアプリとの連携です。連携についてはIllustratorやSketch間において、ベクター画像をコピペし合う事ができます(ドラッグ&ドロップでもOK)。Illustratorだと最近じゃライブラリをCloud同期したりする事もできるけど、複数のドローツール使う人にとっては、このアプリだけでツールをまたいでSVGを管理できたりするので便利です。UIデザインの際にサクっとコードで書き出しまで行えるのも使い勝手が良さそうです。そして何よりも無料だというのが素晴らしい。AppStoreからダウンロードできます。