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

Browse By

Tag Archives: Misc

[Misc] Slack Themes – Slackのテーマ配布サイト

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

Slackのテーマをたくさん用意したサイト。元々純正でもいくつかテーマはあるんだけど、それを大きく上回る数のテーマが用意されています。クリックする事でSlackに似せたサイトのデザインが変わるので、印象もつかみやすいです。テーマはファイルなどで配布されているわけではなく、テーマ一覧下部にあるカラーコードをコピペする事でSlackに適用します。ただしSlackのテーマ変更って結構分かりづらい場所にあるので、以下を参照してみてください。

  1. カスタムしたいSlackチームを開く
  2. チームネームをクリック
  3. プルダウン内「Preferences」をクリック
  4. サイドバー内「Sidebar Theme」をクリック

そうすると画面内一番下にカラーコードを貼り付けるエリアがあるので、ココにペーストすれば完了。チームごとにテーマ変えると、アレゲな誤爆も防ぐ事ができるかもしれません。

[Misc] Sublime Text Themes – Sublime Textの使いやすいテーマまとめ

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

Sublime Text用の使いやすいテーマをまとめた記事。どちらかというとダーク系テーマの方が多い感じ。長い時間コーディングするなら暗めの配色の方が見やすいですしね。ちなみに自分は最近じゃBrackets使ってます。Sublimeはテーマとか機能拡張とか多いのがイイですな。

[Misc] Ambient rain simulator for pluviophiles – 雨音シミュレーター

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

雨音シミュレーター。サイト開いておくだけで雨音が聞けます。雨は嫌いだけど雨音は好きって人は結構いそうですもんね。雨音以外にも風の音、雷の音、人混みから聞こえてくる雑踏音などを個別に音量調節できるのもナイス。あとこのサイト、ウィンドウを拡大縮小すると分かるんですが、窓が曇った感じをCSSフィルターのブラーで表現してたりとか、結構手が込んでます。仕事中のBGMに良さそうです。

[Art] 70s Sci-Fi Art – 70年代のサイエンス・フィクションアート

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

70年代に描かれたSFに関するアートを集めたTumblrブログ。いやこれスゴいですわ。紹介されている点数がはんぱない。毎日かなりの数の作品が投稿されているようで、延々と見ていられます。またArtist Listでは作家ごとに見る事もでき、H.R.ギーターとかシド・ミードももちろんいます。サイエンス・フィクション好きにはタマらん内容ですなこれ。

[Misc] Teeny Recipes – シンプルな動画で紹介するレシピサイト

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

シンプルな動画で紹介するレシピサイト。早送り動画の編集がかっこいいです。ページ左側にあるハッシュ一覧からは作る料理を、画面上部にある食べ物絵文字からは材料を軸にレシピを検索する事ができます。料理好きの方ぜひどうぞ。ちなみに俺は最近チャーハンをパラパラに作る事に執念を燃やしております。

[Web App] Launchaco – 空きドメインや、SNSの空きアカウントを一括検索してくれるサイト

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

未登録の空きドメインや、SNSでの空きアカウントなどを一括で検索してくれる便利なサイト。新規サービスやWebサイト立ち上げる時にココで検索しておけば、後になって「サービス名のTwitterアカウント空いてなかったー!」的なギャース感を回避できそうです。ドメインについてはかなりマイナーなTLDまで確認してくれます(.ninjaなんてあるんだ・・・)。あとついでにロゴタイプもいくつか作ってくれます。こういうツールとってもナイスです。

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

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

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

[Misc] Motion Periodic Table – モーショングラフィックの周期表

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

モーショングラフィックの要素を、元素の周期表のようにならべた作品。それぞれの動きはアニメーションGifを使って紹介されています。また各項目をクリックすると詳細説明の画面に行き、動きの説明や作例、関連項目などの説明があります。動画制作とかしてる人にとっては、アニメーションやトランジションの考察として使えそう。Webでもマウスオーバーアニメーションなんかの参考になりそうです。