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

Browse By

[Software] QLMarkdown – マークダウンファイル(.md)をMacでクイックルックできるようになる機能拡張

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

.md拡張子のマークダウンファイルをMacでクイックルックできるようにする機能拡張。.mdファイルは中身はただのテキストファイルなので、素のテキストであればエディタさえあれば見る事はできます。けどマークダウンエディタを使えば適切に装飾された形でプレビューできるので読みやすいです。この機能拡張を突っ込むとMacでクイックルックできるようになるのでマークダウンエディタを立ち上げる手間がなくなります。インストールは簡単で、ダウンロードされた「QLMarkdown.qlgenerator」(Download欄のlatestというリンクから行けます)を「~/Library/QuickLook」もしくは「/Library/QuickLook」にコピーするだけ。前者はユーザーフォルダ内のライブラリ、後者はシステムフォルダ内のライブラリです。GitHubからファイルダウンロードした時のReadMe読む際なんかにとっても便利です。

[Typography] Blade Runner | Typeset In The Future – ブレードランナーのタイポグラフィーを検証した記事

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

みんな大好きBlade Runnerの作中に出てくる、大道具・小道具のタイポを検証した記事。Tyrell Corpのロゴから始まり、新聞記事や街中の看板、ディスプレイに表示されるUI、広告に至るまでのあらゆるタイポを検証してます。元になったフォントなどの情報もあるので、Sci-Fiテイストのデザインする時の参考にもなりそう。またタイポ検証だけにとどまらず、舞台やモチーフとなった場所なども紹介されていて、Blade Runner好きにも楽しめる内容。ちなみにこの人、以前にAlienのタイポも検証してます。この時代のSF映画はタマりませんな。

[Wallpaper] Desktoppr – Dropbox同期も使える壁紙検索サイト

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

Dropboxと同期して使う事のできる壁紙配布サイト。各壁紙の詳細ページには、通常のダウンロードに加えてDropbox Syncボタンが用意されているので、ローカルマシンを経由せずに直接Dropboxに保存する事ができます。自分もこの手の壁紙ファイルは全部Dropboxに保存して複数Macで共有しているので、似たような使い方をしてる人には便利な仕組みだと思います。通常の壁紙配布サイト同様、解像度や追加時期、Favの数による抽出もできます。

[Web App] Photopea Photo Editor – PSDファイルを開いて編集できるWebアプリ

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

PSDファイルを開いて、かつ編集までできてしまうWebアプリ。Safariではちょっと表示が崩れるので、Chromeとかの方が良さそうです。サイトを開くとサンプルファイルが開いてますが、実際のPhotoshopと同じようにOpenコマンドから既存のローカルファイルを開く事ができます。試しにファイルを開いてみましたが、ちょっとレイヤースタイルは化けはするものの、それ以外はわりとまともに開く事ができました。Photoshopがない時の代替なんかに使えそうです。

[Web Design] mydevice.io – 各種タッチデバイスのディスプレイ仕様を一覧で見れるサイト

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

各種タッチデバイスのディスプレイ仕様を一覧で見る事のできるサイト。というかトップページはココで、そちらでは自分が使っているブラウザの仕様を見る事ができるというものなんだけど、個人的にこっちのデバイス確認ページの方が便利だなーと思ったのでこちらを紹介。論理ピクセル数、物理ピクセル数に加えて、ピクセルレシオやPPIについても紹介されています。表のヘッダーをクリックするとソートし直しもできます。モバイルサイトデザインする時の指標として使えそうです。

[Apple] iOS 10 Default Wallpaper – iOS 10のデフォルト壁紙(多分)

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

WWDCやAppleのサイト内でシレっと使われてる、次のiOSでデフォルトの壁紙になる(であろう)画像を見つけました。imgurで共有されてます。正方形トリミングなのでiPadでもiPhoneでも使えますが、iPhone用にトリミングされた縦長のものはこちらにあります。なんかアレですよね、波系好きですよねApple。

[Apple] macOS Sierra Wallpaper – Sierraちゃんのデフォルト壁紙

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

いやーWWDC終わりましたな。そしてハードウェア何も出ませんでしたな・・・。まぁデベロッパー向けのイベントなのでこれはこれで当然なのかもしれないけど、ちょっと寂しいですな。個人的には直前に発表されたMSによるLinkedIn買収のニュースのインパクトがはんぱなかった。
というわけで朝になってニュースサイト巡回してたら、新しく発表されたmacOS Sierraのデフォルト壁紙を見つけました。けどリンク先URL見ると分かるんだけど、これAppleのサーバに置いてあるんです。んで出処はどこかなー思って調べたらこのページでした。section.section-heroの背景画像として指定されていました。Macの壁紙に指定して、壁紙だけでも新OSの気分になれそうです。ほんのちょっとだけ。

[Game] Battlefield 1 Concept Art – バトルフィールド1のコンセプトアート

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

10月に発売が予定されているBattlefield 1のコンセプトアートがいっぱい置いてあります。透かしもナシだそうです。未来戦ばかりを舞台にするようになっちゃったCall of Dutyとは対照的に、WWIIどころかWWIにまで時代を遡ったBF1は、古い時代の戦闘描写を好む人達にとってはきっとタマらない作品になるでしょう。自分もどちらかというと「もうSFはいいから二次大戦舞台にしてくれよ、トンプソン銃撃たせてくれよ」というタイプなので、今からとっても楽しみです。けど今DivisionやってるしFallout4のDLCもやりたいし、Dark Souls 3もやりたいし・・・という感じで果たして参戦するかどうかは微妙です。