細かい設定も可能な、画像にさまざまなカラーフィルターをかけられるCSSライブラリ・「filters.css」
filters.cssは細かい設定も可能な、画像にさまざまなカラーフィルターをかけられるCSSライブラリです。 昔ご紹介したInstagram.cssなどのように、任意の画像にclassを付与するだけでカラーフィルターをかけられる、というもの。 こちらは細かい設定も可能で、より使いやすく設計されている印象です。 サンプル 動作テストです。フィルターがかかっているのが確認出来ましたでしょうか。 <link href="https://unpkg.com/filters.css" rel="stylesheet">↑ CDNが用意されているので手軽に試せますね。 <img class="hover-blur-2" src="foo.jpg" />↑ 例えば上記ならマウスホバー時にfilter: blur(2px);をかける事が出来ます。 他にもgrayscaleやcontrast、satura
Filterizr - CSS3を使ったデータのフィルタリング、ソートライブラリ MOONGIFT
Web上で情報を並べて表示する機会はとても多いです。そんな時、常に発生するのが並び替えや絞り込みのニーズです。データを消したり、並び替えて表示したりするのは意外と大変です。 そこで使ってみたいのがFilterizrです。データのソート、フィルタリングに特化したライブラリです。 Filterizrの使い方 利用例です。カテゴリごとにデータが絞り込まれて表示されています。 カテゴリを変更するとデータが変わったり、並び順を変更できます。 ツリーデータにも使えます。 Filterizrはアニメーション部分にCSS3を用いているのでスムーズにアニメーションされます。jQueryとの連携もできるので、手軽に使えそうです。情報の絞り込み表示などで役立つことでしょう。 FilterizrはTypeScript製のオープンソース・ソフトウェア（MIT License）です。 Filterizr | Crea
glfx.js - JavaScriptで画像を加工 MOONGIFT
画像を加工する場合、画像編集ソフトウェアが使われます。そして加工したファイルを保存し、Web上にアップロードするでしょう。しかしこの場合、再度編集する際に備えて元ファイルは保存しておかなければなりません。また、同じ加工を何十枚もの画像に施すのも大変です。 そこで使ってみたいのがglfx.jsです。JavaScriptを使ってWebブラウザ上で画像を加工するソフトウェアです。 glfx.jsの使い方 元画像です。 マウスがあるところに渦巻きが描かれます。 ノイズ。 周囲を暗くします。 ぼかし。ぼかしの位置も変更できます。 マウスの当たっている場所を少し拡大します。 ドット変換。 昔の写真のように粗いドット。 glfx.jsを使うと元の画像は変えないままにフィルタリングをかけられます。画像全体だけでなく、マウスがある場所だけに施すことも可能です。フィルタリングの種類も多様で、様々な加工が施せる
個人でWebアプリを開発する時に便利な高機能JavaScriptライブラリ6選！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、Webアプリやサービス作りなどで便利に使える高機能なJavaScriptライブラリを厳選してご紹介してみようと思います。 ライブラリ単体でそのままWebアプリとしてリリースできそうなレベルのものから、ちょっとした機能を追加できるものまでピックアップしてみたのでご興味がある方はぜひ参考にしてみてください！ なお、JavaScriptはpaizaラーニングの「JavaScript入門編」で学ぶことができます。そちらも合わせてチェックしてみてください。 オーディオファイルを柔軟に制御できるライブラリ！ 【 howler.js 】 MP3 / WAV / AAC / OGG…など多彩なコーデックに対応しているうえ、オーディオスプライトによる制御も可能なライブラリが「howler.js」です。 音楽プレイヤーはもちろん、オーディオ制作アプリやゲー
CSSGram - スタイルシートを使ったInstagram風フィルタ
Instagramは相変わらず高い人気で、10代を中心に多くのユーザが日々写真をアップロードしています。そんなInstagramの売りと言えば、写真に対する格好良いフィルタではないでしょうか。 CSSGramはそんなInstagram風のフィルタをWeb上で再現してくれるライブラリになります。CSSレベルとあって、自由に変更も可能なのでWeb上で写真を効果的に見せるのに使えそうです。 CSSGramの使い方 CSSGramで使えるフィルタです。 青系、赤系なども格好良いです。 1977も良いですね。 CSSGramを使えば同じ写真であっても全く違う印象を与えるのではないでしょうか。また、Instagram風のWebサイトを作った際にもその写真の加工法として指定できると効果的ですね。 CSSGramはCSS3製のオープンソース・ソフトウェア（MIT License）です。 CSSGram u
[CSS]これはスゴイぞ！写真の仕上がりをインスタグラム風にかっこよく、かわいくするスタイルシート -CSSgram
写真をかわいくするのに、特別なソフトウェアは必要なくなるかもしれません。 普通の写真にスタイルシートを一行追加するだけで、インスタグラム風にかっこよく、そしてかわいく仕上げるスタイルシート「CSSgram」を紹介します。
![[CSS]これはスゴイぞ！写真の仕上がりをインスタグラム風にかっこよく、かわいくするスタイルシート -CSSgram](https://cdn-ak-scissors.b.st-hatena.com/image/square/53e9b7f9b04923251034683e5692a663fa070279/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201503%2F2015102701.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://picturepan2.github.io/
