写真加工は現在様々なアプリケーションに搭載されており、もはや写真とは切手は切れない関係にありますが、今回紹介するのはWEB上でも動作する写真加工フィルタを生成できるCSSで実現するフィルタジェネレーター「CSSFILTERS.co」です。このサービスでは、予め登録されたフィルタもしくは、パラメーターを指定して任意の画像にフィルタをかけるとと共に、WEB上で実現するためのコードも出力してくれるというものです。写真ツイート2016年08月26日javascriptとCSSで写真にフィルタ効果を与えるライブラリ「Philter」Instagramなどを始め写真共有アプリでは気軽に写真に豊富なフィルタがかけられ多くの方が利用しており、フィルタによって創られた色味や風合いは写真のクオリティを大きく向上させてくれます。今日紹介するのはjavascriptとCSSで写真にフィルタ効果を与えるライブラリ「Philter」です。パラメーターを調整するだけWEB上で表示された写真にフィルタと同じような効果をかけることが可能です。CSS」インスタグラムやスマートフォンアプリで一気に身近になったフォトフィルター。こちらは現状webkitベースのsafariやChromeしか正しく動きませんが、CSSのみで実現しているため。classを指定するだけで、WEB上の写真にフィルタがかけられるようになります。Templates」WEBサイト制作をしていると、諸事情により公開時に全ページが揃わない、また、新サイト公開前にそのお知らせをするということも多いと思います。Templates」です。Labポップで可愛らしいデザインから、公開までの日程を楽しんでもらえるデザインまで、さまざまなテンプレートが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。こちらのデザイン集はWEB上のフォームのデザインをひたすら紹介するエントリーです。機能的なものなのでなかなかこだわって作る機会が無いのですが、実に様々なフォームデザインが紹介されています。今日は紹介されている中から気になるものもをいくつか紹介したいと思います。Designs」グラフィック、CG合成、WEBサイトなどのクリエイティブワークには、テクスチャなどの素材を利用することが多いと思いますが、撮影することができなかったり、インターネット上の膨大な素材の中から、イメージに合った一枚を見つけるというのはなかなか難しいものです。Designs」を紹介したいと思います。レンガや石畳など石が素材となっている壁面テキスチャの6枚セットとなっています。TABLE」tableタグやDIVタグを利用して制作するテーブル組、それほど難しい仕組みでは無いのですが、いざ手書きをすると時間を取られたりします。Paddignを設定して、あとは欲しいテーブルサイズを選択すればタグが生成されます。Kit」webサイトのデザインだけでなく、スマートフォンへの対応が必須の現代。スマートフォンアプリのデザインを手がけることも多くなっていると思います。Kit」を紹介したいと思います。フラットテイストなデザイン性が特徴。洗練された印象のデザイン設計にぴったりなキットとなっています。現在かなりの数のWEBページが存在し、様々なインターフェイスが派生しています。Research」です。デザインのアンケート調査しています。綺麗なグラデーションカラーは魅力的にグラフィックを表現してくれます。Typography」を紹介します。色鮮やかなグラデーションに惑星を配置、宇宙のイメージを個性的に表現した魅力溢れるベクターデータです。可憐なイメージから華やかなイメージなど様々な印象を与えてくれる花柄の素材。Backgrounds」です。POPなものからシックなモノまで様々な背景パターンが収録されていますので、色々な出算に使えそうな素材集です。収録パターンがまとめて公開されていましたので、下記に貼り付けておきます。Tutorials」もうすぐクリスマス。Tutorials」です。こちらはphotoshopでできるクリスマスデザインのチュートリアルがまとめられています。紹介されているチュートリアルは全部で11個。今日はその中から気になるものをピックアップして紹介したいと思います。jQueryを利用して制作されており、単純な静的なものではなく、フェードインアウト、ローディングバーなどなど様々処理が制御できるようになっています。いくつかユーザーインターフェイスがオプションとして予め設定されていますのでいくつか紹介したいと思います。icons」このブログを購読するDesigndevelopについてデザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。※本ブログの「プライバシーポリシー」です。関連サイトDesigndevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。MEDIAは拡張する現実から未来を探るBLOGです。※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。DesignDevelop.。