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

Browse By

All posts by Quattro

[Mac App] Muzzle – 恥ずかしい通知を一時的に全オフしてくれるアプリケーション

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

仕事とか打ち合わせとかの場で急に友人からの恥ずかしいメッセージが来たりすると困るから仕方なく通知オフにしているけど、ホント言うと俺は通常時には通知をオンにしたいんだよぉぉぉ!けどいちいち変更すんのメンドいんだよぉぉぉ!!というMacユーザーの皆様、これ便利ですよ。アプリケーション立ち上げるだけで一時的に通知をオフってくれます。打ち合わせとかでクソデカいディスプレイに画面出力してる時に、画面右上に3文字言葉とか出ちゃうとそれこそ阿鼻叫喚ですからね。ちょっとの間だけ黙っててネ、という時に使えそうです。

[Web App] Tempo – タイマー機能の付いたタスク管理Webアプリ

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

タイマー機能の付いたタスク管理Webアプリ。というよりもタイマー機能が主役という感じで、1つのタスクを終わらすのにどれだけの時間がかかったのかをログ取りするような使い方に向いてそうです。秒速でタスクをさばいていく敏腕プログラマーの方に是非これひとつ。

[Mac App] Touch Bar Preview – MacBook Proのタッチバーに画像を表示させるアプリケーション

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

MacBook Proのタッチバー、俗に言うお触りバーに画像表示させるためのアプリケーション。起動して画像ファイルを放り込むだけでお触りバーに画像表示できるようです。普通に考えればMac用AppのUIデザインする際に使えそうなんですが、ネタ用途にもバリバリ使えそうな気もします。あと他人へのイタズラとか。せっかくのお触りバーなので、意味の分かんないものを表示させてニヤニヤするのも楽しそうです。アニメGifとかイケると最高なんですけどね。

[Cheat Sheet] Bootstrap 4 CheatSheet – Bootstrap 4のチートシート

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

Bootstrap 4のチートシート。v4ってまだAlpha版なんだけど、わりともう実用段階ではありますよね。仕事ではまだv3系使ってはいるけど、ヘルプとか探すとv4のものが上位ヒットしたりし「あー違うんだよ3のヘルプを探してんだよ」みたいな事がよくあります。
というわけでこちらのチートシートですが、カテゴリごとに分けて紹介されており、詳細に行くとコードとリザルトが分かりやすく見れるようになっています。個別にヘルプ探さなくても、このページさえ開いてれば結構色々解決できそうです。v4使ったコーディングのお供に良さそう。

[Wallpaper] iMac Pro Wallpaper – iMac Proの壁紙

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

AppleのiMac Proのサイト内で使われている壁紙がダウンロードできるようになってます。落としてみたところ、各種解像度のものがまとめて入っていて、自分の環境に合ったものを使う事ができます。正直それほど魅力的な壁紙だとは思わないんだけど、なんかこうApple純正って話になると贔屓目に見ちゃって、Dropboxで管理している壁紙フォルダに突っ込んでしまいました。iMac Pro欲しいなぁ。けど55万だもんなぁ・・・( ´・ω・)

[Freebie] Must-Have Sketch Templates for New UX Designers – UXデザイナーのためのSketchテンプレート

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

UXデザイナーのためのSketchテンプレートのまとめ記事。グリッドレイアウト素材、画面遷移のパーツが用意されたもの、アイコン、ワイヤーフレーム素材、iOSやAndroid、FacebookなどのUIモックアップ、カラーパレットなどのSketchファイルが紹介されています。Webディレクター、UXデザイナー、UIデザイナーといった職種の人にオススメ。

[Icon] Simply beautiful open source icons – オープンソースのシンプルアイコン

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

シンプルな線画のオープンソースアイコン。フォーマットはSVGで、個別にダウンロードする事もまとめてダウンロードする事もできます。シンプルで分かりやすく上品な印象なので、いろんな場面で使えそうです。ベクターデータな点もナイス。

[CSS] Trendy CSS Text Shadows – CSSで描く、クールなテキストシャドウ作例

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

CSSのtext-shadowのクールな作例。それぞれ使われているフォントや色指定についても紹介されており、「View CSS」をクリックするとCSSの確認もできます。フラットデザインが流行った後によく使われた、斜め方向にブラーなしの作例が多いです。Webでテキスト使ったちょっと印象的なタイポ組みたい時なんかの参考になりそうです。