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

Browse By

All posts by Quattro

[Mac App] Vanilla – 社外品のメニューバーアイコンを隠す事のできるアプリケーション

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

社外品アプリのメニューバーアイコンを隠す事のできるMac用アプリケーション。サイト内のアニメーションGifを見ると分かる通り、普段は矢印の中にしまっておいて、使う時だけ出すというもののようです。メニューバー右側がスッキリするので、Macをバニラ状態で使ってるように見えます。初心者のフリをしたい、Mac歴10年以上のオッサンにオススメです。

[Web Design] Easing function 早見表 – イージング指定の早見表

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

アニメーションで使われるイージング指定の早見表。オブジェクトの移動量と時間軸とをグラフで表した一覧は、マウスオーバーする事でアニメーションを確認できます。また各詳細ページからはCSSやSCSSでのtransition指定、JSでの指定方法のコードも掲載されています。アニメーション指定する時のイージング選びの際に役立ちそうです。

[CSS] CSShake – シェイクアニメーションを多数用意したCSSライブラリ

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

揺らす事だけにフォーカスしたとってもニッチなCSSライブラリ。CSSファイルだけで構成されているので、導入も簡単です。サンプルアニメーションもサイト内に多く紹介されています。マウスオーバー時なんかに使えそうですが、常に動いてると押してアピール強すぎて少々ウザくなるかもしれません。

[Misc] Startup Graveyard – スタートアップの墓場

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

スタートアップの墓場へようこそ!って言われても少々アレなんですが、その名の通りのサイトです。世の中にはやれ何億ドル調達だのユニコーンだのと華々しい印象のあるスタートアップ業界ですが、ごく一握りの成功例の足元にはこうした死体が累々と横たわっているものなのです。栄華盛衰、弱肉強食、家内安全とでも言いましょうか、これが夜の理なのでしょうね。ちなみに俺が最近一番ショックを受けたのはMadcatzの倒産でした。ちょっとスタートアップとは違うかもしんないけど。

[Web App] Belvedere Calendar – 共有可能なシンプルなカレンダー

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

簡単に他人と予定を共有する事のできる、シンプルなカレンダー。「Create a new calendar」をクリックするだけで固有のカレンダーを作る事ができます。カレンダーに予定を入力したら、後はURLを共有したい相手に送るだけ。iCloudとかGoogle Calendarのようにアカウント単位で共有するのではなく、ひとつの固有のURLを共有するだけなのでとっても簡単です。シンプルなのでガチの進捗管理とかは無理だけど、チームでの簡単な予定管理なんかに使えそうです。

[Graphic Design] Archivio Grafica Italiana – イタリアのグラフィックデザインアーカイブ

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

イタリアのグラフィックデザイン作例のデジタルアーカイブ。1950年代からごく最近のものまで、幅広く集められてます。イタリアといえば「Alitalia! Pirelli! ゴッドファーザー!」くらいの知識しかありませんが、70年代頃の作例が多いせいか、懐古趣味丸出しの俺的には結構楽しめました。発表年以外にもデザイナーや媒体なども併記されていて、資料的価値が高いです。印刷ベースの古いデザイン作例好きな人にオススメです。

[CSS] CSS Text Effects From CodePen – CSSテキストエフェクトまとめ

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

CodePenで紹介されているCSSテキストエフェクトのクールな作例をまとめた記事。ほとんどのものはPure CSSで作られてますが、モノによってはマスク背景とかに画像が使われたりもしてます。動きのある作例も多いです。元ネタがCodePenなので、コードの確認もサクっとできて汎用性も高いです。見出し装飾のネタ探しなんかにも使えそう。

[Software] Brackets Themes – Bracketsのテーマ配布サイト

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

テキストエディタBracketsのテーマを配布しているサイト。ライト系ダーク系合わせてかなりの数のテーマが紹介されています。インストールはサイトからダウンロードするというよりは、Bracketsの「機能拡張マネージャ」内で探して、そのままインストールという流れ。テーマの適用はまた別の所にあって、インストール後に「表示>テーマ」に行くとプルダウン内に増えてます。コードの見やすさは生産性に直結するから拘りたいところ。ちなみに自分はダーク系テーマが好きなのでTwilight使ってます。明度低め、コントラスト高め、彩度抑えめで見やすいです。