デザインとUX/UIのウィークリーまとめ #7(11月3週 Part2)

デザインとUX/UIのウィークリーまとめ #7(11月3週 Part2)

お疲れ様です

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

リンク・ツール

CSSFILTERS

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

URL
http://www.cssfilters.co/

image09

CSS三角形作成ツール

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

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

image07

HERO PATTERNS

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

URL
http://www.heropatterns.com/

image05

PURE CSS APPLE

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

URL
http://purecssapple.com/

image08

KLUTE.JS

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

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

image13

動画

UXセミナー

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

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

image12

また来週!

Franck VESCHI

Franck VESCHI

シニア UI/UX デザイナー・デベロッパー at 株式会社ショーケース・ティービー
毎日、デザイン・UX・コーディング等に関係ある新しい技術・情報をわくわくしながら探しています。昔から好奇心の強い性格なのです!新規プロジェクトをいつも「冒険」のように受け取っています。このスタンスのお陰で、毎日の仕事が非常に面白いです。

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

コメント