デザインと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セミナー

【週刊bitWave】(メルマガ)始めました!

登録はこちらからメールアドレスを入力してお申込みください。

ご登録いただいたメールアドレスは 【週刊bitWave】の更新情報の配信にのみ使用します。

個人情報の取扱いに関しては、「プライバシーポリシー」をご確認ください。解除はいつでこちらから行うことが可能です。

あなたにおすすめ

ロイヤリティフリーの無料ストックフォト(写真)1+8選... ロイヤリティフリー(ライセンスフリー)の無料写真を集めているサイトも順調に増えてます。全員が発信者となる現在では、こうしたサイトの重要度・便利度は増すばかりですね。 基本的にパブリッックドメイン(商用利用可能・無料・用途の制限なし)で...
リニューアルのケーススタディ、PSDファイルから自動コーディング、ロゴ検索ツール、グラフ用フォント(... こんにちは。 今週の【UX・デザイン】の情報共有です。 UI ・UX アプリのリニューアルのケーススタディ 2年間まったく更新されなかった健康保険アプリのリニューアルの話です。 他社はどのようにしてリニューアルを行...
UI・UXのベストプラクティス、フラットデザインについての実験結果、ATLASSIANの新CI、無料... こんにちは! 今週の【UX・デザイン】の情報共有です。 UI ・UX UI・UXのベストプラクティスまとめ 心理学とマーケティングを双方のスペシャリストであるNick Kolendaさんのサイトです。 彼のサイト内...
「Design Better」ポッドキャスト、CSSでのレスポンシブな端末、無料フォント、日本科学未... お疲れ様です。 今週の【UX・デザイン】の情報共有です。 UI ・UX 「Design Better」のポッドキャスト 他社や海外において、どのようなUI/UXの戦略が実践されているのか、そしてどのような手法がベストプラ...