デザインとUX/UIのウィークリーまとめ #7（11月３週 Part2）

お疲れ様です

今週の【UX・デザイン】の情報共有（今週２回目）です！
今回はCSSツール多めに紹介します。

リンク・ツール

CSSFILTERS

写真に付けれるCSSフィルターのGUIです。
Instagramっぽいフィルターの様々なパラメターを簡単に調整出来ます。
そして出来たフィルターのＣＳＳが画面にアウトプットされますので、自分のプロジェクトにすぐ貼り付けれます。

URL
http://www.cssfilters.co/

CSS三角形作成ツール

CSSの三角をアウトプットしてくれるツールです。
日本語対応もあります！

URL
http://apps.eky.hk/css-triangle-generator/ja

HERO PATTERNS

CSSのSVGのパタン（背景）コレクションです。
全てのパタンのCSSソースがコピー出来ます。

URL
http://www.heropatterns.com/

PURE CSS APPLE

APPLEの全てのデバイス（スマホ、ＰＣ、スクリーン）をCSSのみで表示するツールです！
もちろん、各デバイスのＣＳＳコードをコピー出来ます。
ブラウザの中でリアルタイムのプレビュー・サンプル機能を作りたい場合はばっちりです。

URL
http://purecssapple.com/

KLUTE.JS

アニメーションを行うJSライブラリーです。
CSSとSVGのプラグインも提供していますので、ベクターに基づいたスムーズなアニメーションも可能です。

URL
http://thednp.github.io/kute.js/

動画

UXセミナー

Luke Wroblewski（GoogleのプロダクトマネジャーとＵＸスペシャリスト）の新たなセミナーです。2時間半～（ part#1 + part#2 ）のセミナーですので、役に立つ情報が沢山あります！
私は少しずつ見ています。

URL
http://www.lukew.com/ff/entry.asp?1962

また来週！

• About
• Latest Posts

Franck VESCHI

シニア UI/UX デザイナー・デベロッパー at 株式会社ショーケース・ティービー

毎日、デザイン・ＵＸ・コーディング等に関係ある新しい技術・情報をわくわくしながら探しています。昔から好奇心の強い性格なのです！新規プロジェクトをいつも「冒険」のように受け取っています。このスタンスのお陰で、毎日の仕事が非常に面白いです。

今まで書いた記事：
http://bitwave.showcase-tv.com/author/franck/

Latest posts by Franck VESCHI (see all)

• リニューアルのケーススタディ、PSDファイルから自動コーディング、ロゴ検索ツール、グラフ用フォント（デザインとUX/UIのウィークリーまとめ） - 2017年9月21日
• UI・UXのベストプラクティス、フラットデザインについての実験結果、ATLASSIANの新CI、無料のフォント（デザインとUX/UIのウィークリーまとめ） - 2017年9月13日
• 「Design Better」ポッドキャスト、CSSでのレスポンシブな端末、無料フォント、日本科学未来館の写真（デザインとUX/UIのウィークリーまとめ） - 2017年9月6日